늘 겸손하게

prototype prototype = 원형 상속받으려는 객체의 원형을 알려주는 속성. 상속 받으려는 객체를 속성에 할당하여 부모 객체를 선언할 수 있다. function Ultra(){} Ultra.prototype.ultraProp = true; function Super(){} Super.prototype = new Ultra(); function Sub(){} Sub.prototype = new Super(); var o = new Sub(); console.log(o.ultraProp); 위 코드를 실행하면 true가 출력된다. 변수 o는 Sub객체를 저장한다. Sub는 Super 객체를 상속받음 Super는 Ultra객체를 상속받음 Ultra의 prototype 속성의 ultraProp 속성에..

호이스팅에 대해 알아보자 console.log(student); var student = "Mike"; console.log(student); 위 코드를 실행시킬 수 있을까? 정답은 "Yes" 위 코드를 브라우저에 로드해보았다. 첫 번째 console.log에서 undefined가 출력되지만 오류가 생기진 않은다. 이처럼 선언문이 마치 최상단에 끌어올려진 듯한 현상을 hoisting(호이스팅)이라고 부른다. Hoisting (호이스팅) 정의 -> 선언문이 마치 최상단에 끌어올려져 선언문 이전의 변수값이 참조가 가능한 현상 호이스팅이 발생하는 이유 호이스팅 발생 이유를 알기 위해선 자바스크립트 엔진이 코드를 실행하는 과정을 알아야한다. - 자바스크립트 엔진이 코드를 실행하는 순서 1. Global Exec..

Execution Context = 실행 컨텍스트 실행 컨텍스트 ( Execution Context ) -> 코드를 실행하는데 필요한 환경을 제공하는 객체 환경 : 코드 실행에 영향을 주는 조건이나 상태 옛날 ES3 시절에는 함수가 호출될때마다 동적으로 그에 걸맞는 스코프를 생성하고 스코프 체인을 연결해야했으나 ES5 이후 Execution Context를 도입해서 하나의 개념으로 묶어 관리하도록 했음. 이 덕분에 빠르게 식별자를 결정할 수 있게 되었다. 그러므로 실행 컨텍스트를 식별자 결정을 더욱 효율적으로 하기 위한 수단이라고 할 수 있고 식별자 결정을 위해 필요한 정보를 한 곳에 모아 제공하는 객체라고 할 수 있다. 자바스크립트 엔진이 코드를 실행하는 순서 1. Global Execution Con..

1. 클로저 (Closure) 중첩 함수에서 내부 함수가 외부 함수의 Lexical Environment에 기록된 식별자를 기억하는 것을 클로저라 부릅니다. 함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical Environment)과의 조합 function makeCounter() { let counter = 0; return function() { return counter++; }; } let counter = makeCounter(); alert( counter() ); // 0 alert( counter() ); // 1 alert( counter() ); // 2 외부 함수인 makeCounter 함수의 지역변수를 내부 함수인 function() { return counter++}가 자신..