본문 바로가기

JavaScript/[책] 코어 자바스크립트 -ing

(4)
04. 콜백 함수 in JavaScript 01. 콜백함수(Callback Function)란? - callback: 회신하다, 답신하다 - callback function: 회신되는 함수 - 함수 또는 메서드에(1)에 인자(argument)로 들어가는 함수(2)를 콜백함수(2)라 한다. ➡ 콜백함수(2)에 대한 제어권을 함수(1)에다가 넘긴다는 뜻이다. 콜백 함수를 위임받은 코드(2)는 자체적인 내부 로직에 의해 이 콜백 함수(1)를 적절한 시점에 실행할 것이다. 02. 제어권(콜백 함수를 넘겨받은 코드가 제어권을 가진다!) 1) 호출 시점 2) 인자 3) this 1) 호출 시점: 콜백 함수를 넘겨 받은 코드가 콜백 함수를 언제 호출할 지 결정한다. ex) setInteval 주기함수 - 위 예제에서는 콜백함수를 넘겨 받은 함수, 즉 setI..
03. this in JavaScript 01. 상황에 따라 달라지는 this 1) 전역 공간에서의 this 2) 메서드로 호출할 때 그 메서드 내부에서의 this 3) 함수로서 호출할 때 그 함수 내부에서의 this - 함수 내부에서의 this - 메서드의 내부함수에서의 this - 메서드의 내부 함수에서의 this를 우회하는 방법 - this를 바인딩하지 않는 함수 4) 콜백 함수 호출 시 그 함수 내부에서의 this 5) 생성자 함수 내부에서의 this 02. 명시적으로 this를 바인딩하는 방법 1) call 메서드 2) apply 메서드 3) call / apply 메서드의 활용 - 유사배열객체(array-like object)에 배열 메서드를 적용 - 생성자 내부에서 다른 생성자를 호출 - 여러 인수를 묶어 하나의 배열로 전달하고 싶..
02. 실행 컨텍스트 in JavaScript 00. 실행 컨텍스트 들어가기 전에.. - Stack: FILO(First In Last Out), LIFO(Last In First Out) - Queue: FIFO(First In First Out), LILO(Last In Last Out) 제일 먼저 들어왔다가 제일 마지막에 빠지는 것을 stack 이라 하고 코드 실행에 관여하는 스택을 '콜 스택(Call Stack)' 이라고 한다. 콜스택: 현재 어떤 함수가 동작중인지, 다음에 어떤 함수가 호출될 예정인지 등을 제어하는 자료구조 근데 실행 컨텍스트가 뭐길래 이렇게 한 챕터를 할애하는 걸까? 왜 알아야만 하는 걸까? 실행 컨텍스는 scope, hositing, this, function, closure 등의 개념의 동작원리를 담고 있는 자바스크립트..
01. 데이터 타입 in JavaScript (읽고 이해하는데 약 25분 소요됨) 01. (자바스크립트)데이터 타입 종류 - 기본형(원시형, Primitive type): 값이 담긴 주소를 바로 복제하는 반면 - 참조형(Reference type): 주솟값들로 이뤄진 묶음을 가리키는 주솟값을 복제 02. 데이터 타입에 관한 배경 지식 - 비트: 0 또는 1만 표현할 수 있는 하나의 메모리 조각, 각 비트는 고유한 식별자를 통해 위치 확인 가능 - 메모리: 매우 많은 비트들로 구성 => 비트가 가지고 있는 고유한 식별자를 통해 메모리 위치를 확인하는 것은 매우 비효율적(왜냐고? 비트 너무 많잖아!!) => 그렇다면 비트를 몇 개씩 묶어 하나의 단위로 여긴다면 표현할 수 있는 값도 많아지고, 메모리 주소 찾는 검색 시간도 줄겠지?? ...암튼 그래서!..