본문 바로가기

Programing/JavaScript

(40)
자바스크립트 알고리즘 www.codewars.com/?language=javascript
[JavaScript] eval()을 사용하지 않고 문자열로된 식 계산하기 eval()을 사용하면 보안상 문제가 생길 수 있어 쓰지않는게 좋다고한다. 알고리즘 문제를 풀다가 문자열로된 식을 계산해야 했었는데eval을 대체할 것이 있나 찾다가 뭔소린지 이해 못하겠어서 eval 대체 함수를 만들었다. eval() 을 사용하지 않고 문자열로된 식을 계산하는 function123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 // eval() 을 사용하지 않고 문자열로된 식을 계산하는 function이다.// 결과값은 숫자로 나온다. function calculateStrSum(strSumFormula) { // str..
[JavaScript] 시간 지연 함수, 일정 시간 뒤 실행시키기, SetTimeout() {} 출처 setTimeout(function() { alert('http://webisfree.com'); }, 3000); /* 3초 뒤에 경고창으로 해당문구를 출력함 */
[JavaScript] 랜덤하게 문자 만들기 참고 랜덤한 문자 5개 만들기 function makeid(){ var text = ""; var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for( var i=0; i "e" ( === anyString[4] )console.log(anyString.charAt(1..
[JavaScript] hasOwnProperty() var arr = {first:1, second:4};console.log( arr.hasOwnProperty('first' ) );// trueconsole.log( arr.hasOwnProperty('thrid' ) );// false
[JavaScript] Function Methods, Prototype 아래 코드를 직접 실행해보세요 123456var arr = [1, 2, 3, 4];arr.isArray(); // does it works? Array.map(function(current, index) { return current;}); // does it works?cs 그렇다면 왜 Object.prototype.something와 같이 설명되어 있을까요?prototype은 무엇을 의미하나요 ? MEANING OF PROTOTYPE· 인스턴스가 생성(instantiation)될 때 원형(original form), 즉 프로토타입(prototype)의 모양대로 인스턴스가 생성· 인스턴스의 메소드는 Object.prototype.someting으로 표현 prototype === 원형비유하자면 proto..
[JavaScript] this / call, apply 호출 What happens if I call the function?- Local memory 생성 - lexical scope 의존- Local execution context 생성 Execution context (ㅠ)- 어떤 함수가 호출되면, 실행 컨텍스트 execution context가 만들어진다 - call stack에 push, - 함수를 벗어나면 call stack에서 pop- scope 별로 생성- 여기에 담긴 것 - scope 내 변수 및 함수 (Local, Global) - 전달 인자 (arguments) - 호출된 근원 (caller) - this 'this' keyword- 모든 함수 scope 내에서 자동으로 설정되는 특수한 식별자- execution context의 구성요소 중 하..
[JavaScript] Closure Closure· 외부함수의 변수에 접근할 수 있는 내부 함수· scope chain으로 표현되기도 한다· 보통 함수를 return 하여 사용! · return하는 내부 함수를 closure 함수라고 지칭 Question각각의 함수 호출은 어떠한 결과를 콘솔에 출력할까요? 123456789101112function outer() { console.log('outer fn invoked'); function inner() { console.log('inner fn invoked'); } return inner;} outer(); // ?outer()(); // ?var innerFn = outer(); // ?innerFn(); // ?cs outer(); // 'outer fn invoked' , 함수(i..