JavaScript中的prototype、__proto__及原型链

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_30682027/article/details/80706371

JavaScript中的prototype及原型链

我们可以将JavaScript中的对象分为两大类:普通对象和函数对象。两者之间的关系是:普通对象是由函数对象new出来的。如var t = new T()中的T(函数对象)和t(普通对象),普通对象t是由函数对象T new出来的。

prototype

prototype只有函数对象才有的属性。使用prototype可以保证new出来的所有普通对象都使用的是同一个方法,也减少了内存的占用。
Array的prototype包含了以下方法:

Array.prototype
//constructor:f
//concat:f
//push:f
//pop:f
//shift:f
//...

因此,如果想同时让所有普通对象公用某属性或方法,可以定义在函数对象的prototype上。不过,并不建议直接操作JavaScript内置函数对象的prototype

原型链

首先上一张mdn上关于prototype、__proto__、constructor之间关系的照片。如下所示:
于prototype、__proto__、constructor之间的关系
下边用代码来“翻译”以下图片内容

function T(){}
console.log(T.prototype)
//{constructor: ƒ}constructor: ƒ T()__proto__: Object

T.prototype.constructor
//f T(){}

var t = new T()
t.__proto__
//{constructor: ƒ}constructor: ƒ T()__proto__: Object

t.__proto__ === T.prototype
//true

T.prototype.__proto__ === Object.prototype
//true

那么,现在有一个前提条件是:普通对象只有__proto__,没有prototype;函数对象则同时持有__proto__prototype。如下证据

t.prototype//undefined

现在来总结一下已有的事实:
1. 普通对象是由函数对象new出来的
2. 普通对象只有__proto__,没有prototype
3. 普通对象的__proto__指向new出这个普通对象的函数对象的prototype
4. 函数对象拥有prototype属性
5. 函数对象的prototype属性又有__proto__属性
6. 函数.prototype.__proto__指向派生出这个函数的函数的prototype
7. 综上,由prototype__proto__组成了一条所谓的原型链,可以用来追溯 普通对象与函数对象、函数与函数 之间的派生关系。
8. 因为Object.prototype.__proto__为null,所以说JavaScript中一切皆为对象,因为追溯到Object.prototype.__proto__就到头了。

猜你喜欢

转载自blog.csdn.net/qq_30682027/article/details/80706371