조각모음

Closure 정재남 님의 인프런 강좌, JS FLOW를 참고하여 정리하였습니다. 닫힘/폐쇄/완결성. MDN 정의: 함수와 그 함수가 선언될 당시의 lexical environment의 결합. https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures 실행 콘텍스트 A와 그 내부에서 선언된 함수 B가 결합되어 만들어내는 무언가라고 할 수있다. 이때 내부함수 B의 입장에서는 environmentRecord(이하 ER)가 아니라 outerEnvironmentReference(이하 OER)만 closure에 관여한다. ER은 함수 B에서만 사용가능하고, OER이 실행콘텍스트와 함수 B 자신의 관계와 관련된 것이다. B의 OER은 A의 ER을 참조한..

Callback Function 정재남 님의 인프런 강좌, JS FLOW를 참고하여 정리했습니다. Call : 호출하다 Back : 돌려주다 Function : 함수 호출해서 어떤 결과를 돌려주는 함수. 어떤 특정 함수 등에 콜백함수의 제어권을 넘긴다. 콜백함수가 넘겨받는 제어권의 종류 1) 실행시점 setInterval(callback, milliseconds) function callback() { console.log("1초마다 실행"); console.log(this) } setInterval(callback, 1000); 2) 인자 Array.prototype.forEach https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Globa..

This 정재남 님의 인프런 강좌, JS FLOW를 참고 하여 정리했습니다. This Binding 은 실행 콘텍스트가 활성화 될 때 된다. 실행 콘텍스트는 함수가 호출될 때(스코프) 실행된다. 상황별 this 1) 전역공간 전역 객체 window(브라우저), global(node.js) console.log(this); // window2) 함수 호출 (일반적으로) 전역 객체 함수를 실행할 때, 함수를 호출하는 주체가 전역 공간 function a() { console.log(this); // window } a(); function b() { function c() { console.log(this); // window } c(); } b(); const a = () => { console.log(t..

정재남 님의 인프런 강좌, JS FLOW의 내용을 참고했습니다. 실행 콘텍스트 Execution Context 동일한 조건/환경을 지니는 코드 뭉치(scope)를 실행할 때 필요한 조건/환경 정보 혹은 그것을 담은 객체 1) 호출 스택 call stack 현재 어떤 함수가 동작하고 있는지, 다음에 어떤 함수가 호출되어야 하는지 등을 제어하는 자료구조. stack은 FILO(First In Last Out) 정책이다. 가장 먼저 호출된 함수가 가장 마지막에 끝나고, 가장 마지막에 호출된 함수가 가장 먼저 끝난다. var a = 1; function outer() { console.log(a); // 첫 번째로 실행. 1 출력 function inner() { console.log(a); // 두 번째로 실..