javascript: prototype

[ 做者：byeyear    Email：east3@163.com    转载请注明 ]

古希腊有哲学家认为，在那遥远的虚无之处，人类目光所不能及的地方，有一匹原型马，世间万马皆依此而生。咱们有构造函数horse()用于从原型马构造一匹咱们能看到、触摸到、骑到的马：

function horse()
{
 // 这里的this指用构造函数建立的实例对象
 // 例如，如有var myHorse = new horse();
 // 那么这里的this即实例对象myHorse
 // 而原型马可称为原型对象 this.color = 'red';
    this.height = 80;
    this.length = 160;
}
// Now, if you want, you can construct your own horse.
// var myHorse = new horse();

能够经过构造函数的prototype属性访问原型马：

（也只有构造函数才有prototype属性）

console.log(horse.prototype);

咱们的实例马源自原型马：

var myHorse = new horse();、
// 马的起源
myHorse.__proto__ === horse.prototype;    // true

老子说过，一辈子二，二生三，三生万物。咱们的原型马源自Object：

console.log(horse.prototype.__proto__);

>constructor: ƒ Object()
>hasOwnProperty: ƒ hasOwnProperty()
>isPrototypeOf: ƒ isPrototypeOf()
>propertyIsEnumerable: ƒ propertyIsEnumerable()
>toLocaleString: ƒ toLocaleString()
>toString: ƒ toString()
>valueOf: ƒ valueOf()
>__defineGetter__: ƒ __defineGetter__()
>__defineSetter__: ƒ __defineSetter__()
>__lookupGetter__: ƒ __lookupGetter__()
>__lookupSetter__: ƒ __lookupSetter__()
>get __proto__: ƒ __proto__()
>set __proto__: ƒ __proto__()

在原型立刻新定义的方法可被早先构建的现实马所用：

var myHorse = new horse();
horse.prototype.run = function() {alert('I am running.'); }
myHorse.run();

 咱们的马可骑，有本身的名字，黑色，这些是在原型马的构造函数里设置的可配置属性：

myHorse.color = 'black';
myHorse.name = 'Lili';
myHorse.ride = function() { alert('Ride me.'); }

不一样的实例马能够有各自不一样的color、name、ride（属性和方法）。

然而不一样的实例马也须要共享相同的属性和方法（好比上面的run和下面的legs），放在horse.prototype里：

horse.prototype.legs=4;
// myHorse.__proto__.legs === 4

原型马的运行自有其内在机理，那是不能被凡人所理解的奥秘（？）：

// myHorse没法调用secret()函数
horse.secret = function() { alert('This is a secret.'); }

 构造函数与prototype构成双向链表：

horse.prototype.constructor === horse;

 函数也是一种对象，因此也有其__proto__：

horse.__proto__ === Function.prototype;    // true

 Function是javascript内置函数对象，全部函数对象源自于她，她本身源自于她本身，她的prototype源自Object：

Function.__proto__ === Function.prototype;    // true
Function.prototype.__proto__ === Object.prototype;    //true

Object.prototype是原型链的尽头：

Object.prototype.__proto__ === null;    // true

然而Object是个函数对象，因此它源自Function：

Object.__proto__ === Function.prototype;    // true

总结：

Object.prototype是万物的尽头，在那里，没有时间，无限致密；

祂说，要有函数，Function.prototype源自Object.prototype；

尔后，咱们有了源自Function.prototype的Function和Object。

因此，尽管咱们写下Object.prototype，但并不意味着先有Object后有.prototype；

偏偏相反，Object.prototype才是万物的始祖锕。

下面的神图来自http://www.mollypages.org/tutorials/js.mp：