CodeStates/└ JavaScript(Pre)23 this this this의 값은 함수를 호출한 방법에 의해 결정 실행중에는 할당으로 설정할 수 없고 함수를 호출할 때 마다 다를 수 있음 Global memory 생성 var num = 2; function pow(num) { return num * num; } variable name value num 2 pow function pow(num){ ... } 자료출처 : 코드스테이츠 실행 컨텍스트 (excution context) 어떤 함수가 호출되면, 실행 컨텍스트 execution context가 만들어짐 call stack에 push 함수를 벗어나면 call stack에서 pop scope 별로 생성 여기에 담긴 것 scope 내 변수 및 함수 (Local, Global) 전달 인자 (arguments) .. 2020. 7. 8. 타이머 API 타이머 API setTimeout (callback, milisecond) 일정 시간 후에 함수를 실행 arguments : 실행할 callback 함수, callback 함수 실행 전 기다려야 할 시간 (밀리초) return value : 임의의 타이머 ID setTimeout(function() { console.log('1초 후 실행'); }, 1000); setInterval (callback, millisecond) 일정 시간의 간격을 가지고 함수를 반복적으로 실행 arguments : 실행할 callback 함수, 반복적으로 함수를 실행시키기 위한 간격 (밀리초) return value : 임의의 타이머 ID setInterval(function() { console.log('1초마다 실행').. 2020. 7. 8. 비동기 호출 비동기 호출 (Asynchronous call) 클라이언트 서버 이벤트 핸들링 애니메이션 Parameter를 넘겨받는 함수(A)는 callback 함수(B)를 필요에 따라 즉시 실행(synchronus) 나중에 실행(asynchronously) 할 수도 있음 function B() { console.log ('call back'); } function A(callback) { callback();// callback === B } A(B); callback in action : 반복 실행하는 함수 (iterator) [1, 2, 3].map(function(ele, index) { return ele * ele; }); callback in action : 이벤트에 따른 함수 (event handler).. 2020. 7. 8. 객체지향 JavaScript 객체지향 JavaScript 란 ? 실제에 존재하는 모델을 만들기 위한 프로그래밍 패러다임 각 객체는 메시지를 받을 수도 있고, 데이터를 처리할 수도 있으며, 또다른 객체에게 메시지를 전달할 수도 있음 용어 class// : 객체의 특성을 정의 instance// : class 바탕으로 한 객체를 만드는 프로그래밍 패턴 prototype// : 모델의 class 만들 때 쓰는 원형 객체 constructor// : 인스턴스화 되는 시점에서 호출되는 메서드 this// : 값은 함수를 호출한 방법에 의해 결정 new// : 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성 ES5 class는 함수로 정의할 수 있음 function Car(brand, name, color) { // 인스턴스가 .. 2020. 6. 28. 이전 1 2 3 4 ··· 6 다음
