JS的prototype和__proto__

prototype和__proto__的概念

prototype是函数的一个属性(每一个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。chrome

__proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。函数

对象的__proto__指向建立该对象的函数的prototypethis

用chrome和FF均可以访问到对象的__proto__属性,IE不能够。prototype

new 的过程

Person = function(){};
 p =  Person();

new的过程拆分红如下三步:指针

  1. var p={}; 也就是说,初始化一个对象p
  2. p.__proto__ = Person.prototype;
  3. Person.call(p); 也就是说构造p,也能够称之为初始化p

关键在于第二步,咱们来证实一下:code

Person = function(){};
 p =  Person();
alert(p.__proto__ === Person.prototype);

这段代码会返回true。说明咱们步骤2是正确的。对象

Person = function(){};
Person.prototype.sayName = function() {
    alert("My Name is Jacky");
};

Person.prototype.age = 27 p =  Person();
p.sayName();

p是一个引用指向Person的对象。咱们在Person的原型上定义了一个sayName方法和age属性,当咱们执行p.age时,会先在this的内部查找(也就是构造函数内部),若是没有找到而后再沿着原型链向上追溯。原型链

这里的向上追溯是怎么向上的呢?这里就要使用__proto__属性来连接到原型(也就是Person.prototype)进行查找。最终在原型上找到了age属性。原型

相关文章
相关标签/搜索