Constructor . prototype
+----------------
|               /
|              /
|             /
|            /
|           /
instance . __proto__

• 생성자 함수를 new 로 호출하면,
• Constructor 를 바탕으로 새로운 instance 를 생성
• instance 에는 proto 라는 프로퍼티가 자동으로 생기고,
• proto 는 Constructor 의 prototype 프로퍼티를 참조한다.

var Person = function (name) {
	this._name = name;
};
Person.prototype.getName = function() {
	return this._name;
};
var suzy = new Person('Suzy');
suzy.__proto__.getName(); // undefined
// 왜냐면, getName() 의 this는 suzy.__proto__ 이기 때문에..
// suzy.__proto__ === Person.prototype 이기 때문에..
// Person.prototype 은 _name 이 없다.
suzy.getName(); // Suzy
// __proto__ 는 생략할 수 있다.
// 생략하는 경우, this 는 해당 instance 가 된다.

• 생성자 함수의 prototype 프로퍼티에 있는 메서드나 프로퍼티는 인스턴스에서 접근이 가능하다.

constructor 프로퍼티

생성자 함수의 prototype 프로퍼티 안에 constructor 프로퍼티가 있다. 원래의 생성자 함수(자기 자신)을 가리킨다.

var arr = [1,2];
Array.prototype.constructor === Array
arr.__proto__.constructor === Array
arr.constructor === Array

Object

Object.prototype 에는 범용적인 메서드만 있고, 객체 전용 메서드는 Object 생성자 함수에 static 하게 들어있다.

Class

var ES6 = class {
	constructor (name) {
		this.name = name;
	}
	static staticMethod() {
		return this.name + ' static';
	}
	method() {
		return this.name + ' method';
	}
};
var es6Instance = new ES6('es6');
console.log(ES6.staticMethod()); // ES6 static
console.log(es6Instance.method()); // es6 method

• 상속의 경우, super 키워드를 사용해서, 상위 클래스에 접근한다. 이때, super.method() 의 this는 super 가 아닌, 상속된 클래스의 this 를 따라간다.