javascript深刻浅出——原型&原型链

javascript深刻浅出——原型&原型链

原型（原型是js中实现继承的过程当中产生的一个概念）

继承：指在一个对象的基础上建立新对象的过程，原型指在这过程当中做为基础的对象。

1.建立对象

var o  = {
  f:function(){
    return this.a+this.b;
  }
}
var p = Object.create(o);
p.a=1;
p.b=2;
console.log(p.f());//3
复制代码

经过Object.create()方法咱们传入了o对象,做为p对象的原型来建立p对象，而后p对象中就产生了一个叫_proto_的指针，这指针指向o对象。经过这个指针p对象就能够访问到o对象的f方法。

###2.prototype对象

function dog(name){
    this.name=name;
    return this.name;
}
var dogA = new dog('dogA');
console.log(dogA);//dog{name:'dogA'}
复制代码

使用new对象会生成一个dog对象的实例,缺点：没法共享属性和方法.好比说：

function dog(name){
    this.name=name;
    this.species='犬科';
    return this;
}
var dogA = new dog('AA');
var dogB = new dog('BB');
dogA.species = '猫科';
console.log(dogA);//dog {name: "AA", species: "猫科"}
console.log(dogB);//dog {name: "BB", species: "犬科"}
复制代码

改变了dogA的species，不会影响dogB中的species.每个实例对象，都有本身的属性和方法的副本。这不只没法作到数据共享，也是极大的资源浪费。

3.prototype属性

这个属性包含一个对象，全部实例对象须要共享的属性和方法，都放在这个对象里面；哪些不须要共享的属性和方法， 就放在构造函数里面。实例一旦建立，将自动引入prototype对象的属性和方法，也就是说，实例对象的属性和方法，分为两种，一种是本地的，另外一种是引用的。

function dog(name){
    this.name=name;
    return this;
}
dog.prototype = {species:'犬科'};
var dogA = new dog('AA');
var dogB = new dog('BB');
console.log(dogA.species);//犬科
console.log(dogB.species);//犬科
复制代码

如今，species属性是放在prototype对象中，是两个实例对象共享的。只要修改了prototype，就会同时影响到两个实例对象。

dog.prototype.species = '猫科';       
console.log(dogA.species);//猫科
console.log(dogB.species);//猫科
复制代码

4.原型链

讲原型一个不可避免的概念就是原型链，原型链是经过前面两种建立原型Object.create()或dog.prototype的方式生成的一个_prtoto_指针来实现的。

function foo(){
    foo.prototype.z=3;
}
var obj = new foo();
obj.x = 1;
obj.y = 2;
console.log(obj);//foo {x: 1, y: 2}
console.log(obj.z);//3
复制代码

对象obj上是没有z的，可是他的原型链上有z,因此查找的时候若是对象自己不存在的话就会沿着原型链往上查找

obj.z=5;
console.log(obj.z);//5
console.log(foo.prototype.z);//3
复制代码

若是对象上有的话则不会向原型链上查找，并且并不会改变原型链上的值

总结一下原型链做用：对象属性的访问修改和删除。

• 访问。优先在对象自己查找，没有则顺着原型链向上查找
• 修改。只能修改跟删除自身属性，不会影响到原型链上的其余对象。

总结 ：因为全部的实例对象共享同一个 prototype 对象，那么从外界看起来，prototype 对象就好像是实例对象的原型，而实例对象则好像”继承”了 prototype 对象同样