Javascript中prototype属性

1.构造函数的简单介绍

所谓构造函数，就是提供了一个生成对象的模板并描述对象的基本结构的函数。一个构造函数，可以生成多个对象，每个对象都有相同的结构。总的来说，构造函数就是对象的模板，对象就是构造函数的实例。

构造函数的特点有：

　a：构造函数的函数名首字母必须大写。

　b：内部使用this对象，来指向将要生成的对象实例。

　c：使用new操作符来调用构造函数，并返回对象实例。

function Person(){

        this.name = '张三';

}

var boy = new Person();//对象实例

console.log(boy.name);//张三

2.构造函数的缺点

所有的实例对象都可以继承构造函数中的属性和方法。但是，同一个对象实例之间，无法共享属性。

function Person(name,job,born) {
this.name=name;
this.job=job;
this.born=born;
this.hobby=function(){
return 'watching movies';
}
}


var bill = new Person('judy','Engineer','1992');
var boy = new  Person('bob','doctor','1990');
console.log(bill.name);//judy
console.log(boy.name);//bob
console.log(bill.hobby===boy.hobby);//false

构造函数的缺点就是：同一个构造函数的对象实例之间无法共享属性或方法。

3.prototype属性的作用

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

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

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

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

function Person(name,job,born) {
this.name=name;
this.job=job;
this.born=born;

}


Person.prototype.hobby=function(){
return 'reading story'
}


var bill = new Person('judy','Engineer','1992');
var boy = new  Person('bob','doctor','1990');
console.log(bill.name);//judy
console.log(boy.name);//bob

console.log(bill.hobby===boy.hobby);//true

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

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

function Person(name,job,born) {
this.name=name;
this.job=job;
this.born=born;

}


Person.prototype.hobby=function(){
return 'swimming'
}


var bill = new Person('judy','Engineer','1992');
var boy = new  Person('bob','doctor','1990');
console.log(bill.name);//judy
console.log(boy.name);//bob
console.log(bill.hobby===boy.hobby);//true




boy.hobby=function(){
return 'play basketball';
}


console.log(bill.hobby());//swimming
console.log(boy.hobby());//play basketball

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

　　总结一下：

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

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

   

 原文http://www.jb51.net/article/91826.htm