prototype属性的作用

为了解决构造函数的对象实例之间无法共享属性的缺点，js提供了prototype属性。

　　js中每个数据类型都是对象（除了null和undefined），而每个对象都继承自另外一个对象，后者称为“原型”（prototype）对象，只有null除外，它没有自己的原型对象。

　　原型对象上的所有属性和方法，都会被对象实例所共享。

　　通过构造函数生成对象实例时，会将对象实例的原型指向构造函数的prototype属性。每一个构造函数都有一个prototype属性，这个属性就是对象实例的原型对象。

?

1 2 3 4 5 6 7 8 9 10 11 12

function Person(name,height){ this .name=name; this .height=height; } Person.prototype.hobby= function (){ return 'watching movies' ; } var boy= new Person( 'keith' ,180); var girl= new Person( 'rascal' ,153); console.log(boy.name); //'keith' console.log(girl.name); //'rascal' console.log(boy.hobby===girl.hobby); //true

　　上面代码中，如果将hobby方法放在原型对象上，那么两个实例对象都共享着同一个方法。我希望大家都能理解的是，对于构造函数来说，prototype是作为构造函数的属性；对于对象实例来说，prototype是对象实例的原型对象。所以prototype即是属性，又是对象。

　　原型对象的属性不是对象实例的属性。对象实例的属性是继承自构造函数定义的属性，因为构造函数内部有一个this关键字来指向将要生成的对象实例。对象实例的属性，其实就是构造函数内部定义的属性。只要修改原型对象上的属性和方法，变动就会立刻体现在所有对象实例上。

?

1 2 3 4 5 6

Person.prototype.hobby= function (){   return 'swimming' ;   }   console.log(boy.hobby===girl.hobby); //true   console.log(boy.hobby()); //'swimming' console.log(girl.hobby()); //'swimming'

　　上面代码中，当修改了原型对象的hobby方法之后，两个对象实例都发生了变化。这是因为对象实例其实是没有hobby方法，都是读取原型对象的hobby方法。也就是说，当某个对象实例没有该属性和方法时，就会到原型对象上去查找。如果实例对象自身有某个属性或方法，就不会去原型对象上查找。

?

1 2 3 4 5

boy.hobby= function (){   return 'play basketball' ;   }   console.log(boy.hobby()); //'play basketball'   console.log(girl.hobby()); //'swimming'

　　上面代码中，boy对象实例的hobby方法修改时，就不会在继承原型对象上的hobby方法了。不过girl仍然会继承原型对象的方法。

　　总结一下：

　　a：原型对象的作用，就是定义所有对象实例所共享的属性和方法。

　　b：prototype，对于构造函数来说，它是一个属性；对于对象实例来说，它是一个原型对象。