JavaScript之面向对象学习四原型对象的动态性

1、由于在原型中查找值的过程是一次搜索,因此我们对原型对象所做的任何修改都能够立即从实例上反映出来---即便是先创建了实例后修改原型也是如此。代码如下:

function Person(){
}
var friend=new Person();
Person.prototype.sayHello=function(){
     alert("Hello");
}
friend.sayHello(); //输出:Hello

上面这段代码先创建了Person的一个实例,并将其保存在friend中。接着下一个代码块在Person.prototype(Person的原型属性对对象)中添加了一个方法sayHello();

根据输出,我们发现即使friend实例是在添加新方法之前创建的，但它任然可以访问这个新方法。

其原因可以归结为实例与原型之间的松散连接关系，当我们调用friend.sayHello()时,首先会在实例中搜索名为sayHello的属性方法,如果实例属性中没有,则会继续去搜索原型。而原型与实例之间是通过[[prototype]]指针相连接的(实例通过[[prototype]]指针指向原型属性对象来调用原型中的方法和属性),正因为[[prototype]]是一个指针,并不是Person的副本,所以即使修改(添加)原型的方法在创建完实例之后,该实例任然可以访问完成修改之后的原型对象!

2、尽管利用上面所说的实例与连接的松散连接关系,我们可以随时为原型添加属性和方法，并且修改能够在所有的实例中反映出来。

但是如果重写整个原型对象，那么情况就不一样了,在前面的随笔中曾说过,当调用构造函数创建一个对象实例时JS会为实例添加一个指向最初原型(也就是Person.prototype)的[[prototype]]指针,而像下面的代码中那样,把原型修改成另外一个对象，并不能改变实例中的[[prototype]]指针的值(说明白点,就是实例还是指向最初原型)；

注意:实例中的[[prototype]]仅指向最初原型;

function Person(){
}
var friend=new Person();
Person.prototype={
    constructor:Person,
    name:"张三",
    age:22,
    sayHello:function(){
        alert("Hello James");
    }
};
friend.sayHello(); //error 控制台报错!

从上面的图我们可以看出,重写原型对象之后,并没有是对象实例的[[prototype]]指针的值发生改变，它还是指向最初的原型对象。