电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: JavaScript深入之从原型到原型链（2） [打印本页]

作者: yuyang911220 时间: 2017-4-23 20:03 标题: JavaScript深入之从原型到原型链（2）

在前面，我们已经讲了原型也是一个对象，既然是对象，我们就可以用最原始的方式创建它，那就是

var obj = new Object();
obj.name = 'name'
console.log(obj.name) // name

所以原型对象是通过Object构造函数生成的，结合之前所讲,实例的__proto__指向构造函数的prototype,所以我们再更新下关系图：

原型链
那Object.prototype的原型呢?
null，嗯，就是null，所以查到Object.prototype就可以停止查找了
所以最后一张关系图就是

顺便还要说一下，图中由相互关联的原型组成的链状结构就是原型链，也就是蓝色的这条线。
补充
最后，补充和纠正本文中一些不严谨的地方：
首先是constructor,

function Person() {
}
var person = new Person();
console.log(person.constructor === Person); // true

当获取person.constructor时，其实person中并没有constructor属性,当不能读取到constructor属性时，会从person的原型也就是Person.prototype中读取，正好原型中有该属性，所以

person.constructor === Person.prototype.constructor

其次是__proto__, 绝大部分浏览器都支持这个非标准的方法访问原型，然而它并不存在与Person.prototype中，实际上，它是来自于Object.prototype，与其说是一个属性，不如说是一个getter/setter，当使用obj.__proto__时，可以理解成返回了Object.getPrototypeOf(obj)
最后是关于继承，前面我们讲到“每一个对象都会从原型"继承"属性”,实际上，继承是一个十分具有迷惑性的说法，引用《你不知道的JavaScript》中的话，就是:继承意味着复制操作，然而JavaScript默认并不会复制对象的属性，相反，JavaScript只是在两个对象之间创建一个关联，这样，一个对象就可以通过委托访问另一个对象的属性和函数，所以与其叫继承，委托的说法反而更准确些。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)