오늘

자바스크립트는 프로토타입(prototype) 기반 언어. 어떤 객체를 원형으로 삼고 이를 복제함으로써 상속과 비슷한 효과를 얻음. 01 - 프로토타입의 개념 이해 더보기 1) constructor, prototype, instance 어떤 생성자 함수(constructor)를 new 연산자와 함께 호출하면 constructor에서 정의된 내용을 바탕으로 새로운 인스턴스(instance)가 생성됨. 이때 instance에는 __proto__라는 프로퍼티가 자동으로 부여됨. __proto__는 constructor의 prototype 을 참조 prototype 과 __proto__ 는 객체임. 예제) var Person = function (name) { this._name = name; }; Person...

01 - 클로저의 의미 및 원리 이해 더보기 클로저(Closure)는여러 함수형 프로그래밍 언어에서 등장하는 보편적인 특징. 어떤 함수 A에서 선언한 변수(B)를 참조하는 내부함수를 외부로 전달할 경우, 함수 A의 실행 컨텍스트가 종료된 후에도 변수(B)가 사라지지 않는 현상. 외부 함수의 변수를 참조하는 내부 함수 예제) var outer = function () { var a = 1; var inner = function () { return ++a; } return inner; } var outer2 = outer(); console.log(outer2());// 2 console.log(outer2());// 3 outer 함수의 실행컨텍스트는 종료되었지만, inner 함수에서 변수 a를 참조하고..

01 - 콜백 함수란? 더보기 콜백함수 : 다른코드의 인자로 넘겨주는 함수. 콜백함수를 전달받은 코드는 적절한 시점에 필요에 따라 실행. 02 - 제어권 더보기 1) 호출 시점 콜백함수 예제) var count = 0; var cbFunc = function() { console.log(count); if(++count > 4) clearInterval(timer); } var timer = setInterval(cbFunc, 300); // 실행결과 // 0 (0.3초) // 1 (0.6초) // 2 (0.9초) // 3 (1.2초) // 4 (1.5초) 실행방식 및 제어권 code 호출 주체 제어권 cbFunc 사용자 사용자 setInterval(cbFunc, 300); setInterval setI..

대부분의 객체지향 언어에서 this는 클래스로 생성한 인스턴스를 의미. 하지만 자바스크립트에서의 this는 어디서든 사용 가능하다. 01 - 상황에 따라 달라지는 this 더보기 자바스크립트에서 this는 기본적으로 실행 컨텍스트가 생성될 때 함께 결정됨. ( 함수를 호출할 때 결정됨.) 1) 전역공간에서의 this 전역공간에서의 this 는 전역객체를 가르킴. 브라우저 환경의 전역객체 : window Node.js 환경의 전역객체 : global 자바스크립트의 모든 변수는 실은 특정 객체의 프로퍼티로써 동작 > 전역변수를 선언하면 자바스크립트 엔진은 이를 전역객체의 프로퍼티로 할당. 2) 메서드로서 호출시 this 함수 vs 메서드 공통점 : 미리 정의한 동작을 수행하는 코드 뭉치 함수 : 그 자체로 ..

01 - 실행 컨텍스트란? 더보기 실행 컨텍스트(execution context) : 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 자바스크립트는 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고, 이를 콜 스텍에 쌓아올렸다가, 가장 위에 쌓여있는 컨텍스트와 관련 있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장. 실행 컨텍스트를 구성하는 방법으로는 전역공간, eval()함수, 함수 등이 있다. 실행 컨텍스트 예제 ) var a = 1; function outer() { function inner() { console.log(a);// log : undefined var a = 3; } inner(); console.log(a); // log : 1 }..

01 - 자바스크립트의 데이터 타입 종류 더보기 기본형 ( primitive type) : [ 불변성 ] number string boolean null undefined symbol 참조형 (reference type) : 여러개의 프로퍼티(변수)가 합쳐진 데이터 타입 [ 가변성 ] Object Array Function Date RegExp Map, WeakMap Set, WeakSet 02 - 데이터 타입에 관한 배경지식 더보기 모든 데이터는 바이트 단위의 식별자( 메모리 주소 )를 통해 서로 구분하고 연결 가능. 변수 : 변할수 있는 데이터 식별자 : 특정한 데이터를 식별하는데 사용되는 이름 ( 변수명 ) 03 - 변수 선언과 데이터 할당 방식 더보기 ※ 변수 영역과 데이터 영역은 책의 저자이신 ..