懂得了构造函数、实例原型、和实例之间的关系，接下来我们讲讲实例和原型的关系：

实例与原型

当攫取实例的属性时，如不雅找不到，就会查找与对象接洽关系的原型中的属性，如不雅还查不到，就去找原型的原型，一向找到最顶层为止。

举个例子：

function Person() { 
 
} 
 
Person.prototype.name = 'name'; 
 
var person = new Person(); 
 
person.name = 'name of this person'; 
console.log(person.name) // name of this person 
 
delete person.name; 
console.log(person.name) // name  

在这个例子中，我们设置了person的name属性，所以我们可以攫取到为'name of this person'，当我们删除了person的name属性时，攫取person.name，大年夜person中找不到就会大年夜person的原型也就是person.__proto__ == Person.prototype中查找，荣幸的是我们找到了为'name'，然则万一还没有找到呢?原型的原型又是什么呢?

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

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只是在两个对象之间创建一个接洽关系，如许，一个对象就可以经由过程宛转拜访另一个对象的属性和函数，所以与其叫持续，宛转的说法反而更精确些。

　　推荐阅读

　　Windows 7系统怎样自动备份指定文件夹？

如今不管是娱乐照样工作，都越来越离不开电脑，很多用户都邑将一些重要文件存放在电脑中，如不雅说没有备份的话，极易造成一些文件损掉，那么在这种情况下，我们可以应用Win7体系中的主动>>>详细阅读

本文标题：JavaScript深入之从原型到原型链

地址：http://www.17bianji.com/lsqh/34639.html

 1/2    1