Be lazy, Be crazy

1-1 콜백함수란? 콜백함수 다른 함수나 메서드에게 인자를 넘겨줌으로써 그 제어권도 함께 위임한 함수 콜백함수를 위임받은 함수나 메서드는 자체적인 내부 로직에 의해 이 콜백 함수를 적절한 시점에 실행함 1-2 제어권 호출 시점 예시 : setInterval(func, delay[, param1, param2, ...]) let count = 0; const cbFunc = function() { console.log(count); if (++count > 4) clearInterval(timer); } const timer = setInterval(cbFunc, 300); - timer 변수에는 setInterval의 ID값이 담긴다. - setInterval의 첫 번째 인자인 cbFunc 함수(콜백함수..

1-2. 명시적으로 this를 바인딩하는 방법 - this에 별도의 대상을 바인딩하는 방법 call 메서드 Function.prototype.call(thisArg[, arg1[, arg2[, ...]]]) - 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령 - call 메서드의 첫 번째 인자를 this로 바인딩하고 이후 인자들을 호출할 함수의 매개변수로 함 - 임의의 객체를 this로 지정할 수 있음 var func = function (a, b, c) { console.log(this, a, b, c); }; func(1, 2, 3);// Window {...} 1 2 3 func.call({ x: 1 }, 4, 5, 6);// { x: 1 } 4 5 6 var obj = { a: 1, met..

1-1. 상황에 따라 달라지는 this 전역 공간에서의 this - 전역 공간에서의 this는 전역 객체를 의미 - 브라우저 전역 객체 : window - node.js 환경 전역 객체 : global 전역 공간에서만 발생하는 특이한 성질 - 전역 변수 선언 시 자바스크립트 엔진은 이를 전역 객체의 프로퍼티로도 할당 (변수이면서 객체의 프로퍼티) var a = 1; console.log(a);// 1 console.log(window.a);// 1 console.log(this.a);// 1 - 자바스크립트의 모든 변수는 실은 '특정 객체의 프로퍼티'로서 동작 -> 특정 객체 : 실행 컨텍스트의 LexicalEnvironment. (전역 컨텍스트의 경우, LexicalEnvironment는 전역 객체 그..

1-1 실행 컨텍스트란? 스택과 큐 1) 스택(Stack) - 출입구가 하나뿐인 깊은 우물 같은 데이터 구조 - 후입선출(LIFO) 2) 큐(Queue) - 양쪽이 모두 열려있는 파이프 같은 데이터 구조 - 선입선출(FIFO) 실행 컨텍스트 - 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 - 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념 - 동일한 환경*에 있는 코드 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성 (*동일한 환경: 하나의 실행 컨텍스트를 구성할 수 있는 방법으로 전역공간, eval() 함수, 함수 등이 있음) - 이를 콜 스택에 쌓아올렸다가 가장 위에 쌓여있는 컨텍스트와 관련 있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장 - 자동으로 생성..

1-1 데이터 타입의 종류 1) 기본형(원시형, primitive type) - number, string, boolean, null, undefined, symbol(ES6) 2) 참조형(reference type) - object, Array. function, Date, RegExp, Map, WeakMap, Set ,WeakSet(ES6) 1-2 데이터 타입에 관한 배경지식 메모리와 데이터 - 컴퓨터는 모든 데이터를 0 또는 1로 바꿔 기억한다 - 비트(bit) : 0 또는 1만 표현할 수 있는 하나의 메모리 조각, 고유한 식별자를 통해 위치 확인 - 바이트(bite) : 8bit. - 정적 타입 언어 (C/C++, JAVA)는 메모리 낭비를 최소화하기 위해 데이터 타입별로 할당할 메모리 영역을 ..