프로토타입? 핵심 요약 자바스크립트는 다른 언어들과는 다르게 클래스 개념이 없다. (물론 이후에는 생기지만, 초창기엔 없었다) 때문에 기존 객체를 복사하여 새로운 객체를 생성해만했고, 이러한 특징을 가진 언어라 프로토타입 기반 언어라고 칭하는 것이다. 프로토타입은 크게 프로토타입 객체를 참조하는 prototype 속성, 객체 멤버인 proto 속성이 참조하는 링크가 있다. 여기서 prototype 속성은 함수의 인스턴스가 가진다. 상속과 프로토 타입 상속 객체 지향 프로그래밍의 핵심 개념으로, 어떤 객체의 프로퍼티 또는 메서드를 다른 객체가 상속받아 그대로 사용할 수 있는 것을 말한다. 자바스크립트는 프로토타입을 기반으로 상속을 구현한다. 이로 인해 불필요한 중복을 제거할 수 있다. // 생성자 함수 f..

일급 객체 아래 조건을 만족하는 객체는 일급 객체 이다. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다 변수나 자료구조에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. 자바스크립트의 함수는 위 조건을 다 만족하기때문에 일급 객체이다. 함수 객체의 프로퍼티 함수는 객체이기에 함수도 프로퍼티를 가질 수 있다. arguments, caller, length, name, prototype 프로퍼티는 모두 함수 객체의 데이터 프로퍼티다. 하지만 __proto__ 는 접근자 프로퍼티고ㅡ 함수 객체 고유의 프로퍼티가 아닌 Object.prototype 객체의 프로퍼티를 상속받은 것이다. Object.prototype 객체의 프로퍼티는 모든 객체가 상속받아..

객체는 객체 리터럴 이외에도 다양한 방법으로 생성할 수 있다. 이 포스팅에서는 생성자 함수를 이용해 객체를 생성하는 방식을 다루도록 하겠다. Object 생성자 함수 const a = new Object(); 위와 같이 new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성해서 반환한다. 이후 프로퍼티를 추가하거나, 메서드를 추가하는 등의 행위도 가능하다. 생성자 함수는 new 연산자와 함께 호출해 객체를 생성하는 함수이고, 이 생성자 함수에 의해 생성된 객체를 인스턴스라 칭한다. 자바스크립트는 Object 외에도 String, Number, Boolean, Function, Array, Date, RegExep, Promise 등의 빌트인 생성자 함수를 제공한다. function Ci..

내부 슬롯 & 내부 메서드 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드다. ECMAScript 사양에 등장하는 이중 대괄호로 감싼 이름들이 바로 그것들이다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진에서 실제로 동작은 하나 개발자들이 직접 사용할 수 있도록 공개된 프로퍼티는 아니다. 원칙적으로 내부 슬롯과 내부 메서드에 직접적으로 접근하거나 호출할 수 있는 방법을 제공하지는 않는다. 하지만 일부에 한해 간접적으로 접근할 수 있는 수단을 제공한다. 모든 객체는 [[Prototype]] 이라는 내부 슬롯을 갖고, 이는 __proto__ 를 통해 간접적으로 접근할 수 있다. 사실 이 언더스코더 2개를 통해 호출..