네이티브 프로토타입

Object.prototype

let obj = {};
alert( obj ); // "[object Object]" ?

[object Object] 가 나오는 이유는 문자열로의 형변환에서 toString 메서드 때문이라는 것은 알고 있다. 그렇다면 toString 메서드는 어디 있을까?

let obj = {};

alert(obj.__proto__ === Object.prototype); // true
// obj.toString === obj.__proto__.toString == Object.prototype.toString

alert(Object.prototype.__proto__); // null

다른 내장 프로토타입

let arr = [1, 2, 3];

// arr은 Array.prototype을 상속받았나요?
alert( arr.__proto__ === Array.prototype ); // true

// arr은 Object.prototype을 상속받았나요?
alert( arr.__proto__.__proto__ === Object.prototype ); // true

// 체인 맨 위엔 null이 있습니다.
alert( arr.__proto__.__proto__.__proto__ ); // null

alert(arr); // 1,2,3 <-- Array.prototype.toString 의 결과

네이티브 프로토타입 변경하기[#native-prototype-change]

String.prototype.show = function() {
  alert(this);
};

"BOOM!".show(); // BOOM!

• 프로토타입은 전역으로 영향을 미치기 때문에 프로토타입을 조작하면 충돌이 날 가능성이 높다.
• 폴리필을 만들때 프로토타입의 변경을 허용한다.

폴리필

• 자바스크립트 명세서에는 정의되어 있으나
• 특정 자바스크립트 엔진에서는 해당 기능이 구현되어있지 않을 때 사용함.

if (!String.prototype.repeat) { // repeat이라는 메서드가 없다고 가정합시다
  // 프로토타입에 repeat를 추가

  String.prototype.repeat = function(n) {
    // string을 n회 반복(repeat)합니다.

    // 실제 이 메서드를 구현하려면 코드는 더 복잡해질겁니다.
    // 전체 알고리즘은 명세서에서 확인할 수 있겠죠.
    // 그런데 완벽하지 않은 폴리필이라도 충분히 쓸만합니다.
    return new Array(n + 1).join(this);
  };
}

alert( "La".repeat(3) ); // LaLaLa

프로토타입에서 빌려오기

let obj = {
  0: "Hello",
  1: "world!",
  length: 2,
};

obj.join = Array.prototype.join;

alert( obj.join(',') ); // Hello,world!