js没有class定义,在Javascript语言中,new命令后面跟的不是类,而是构造函数。
function DOG(name){
this.name = name;
}
var dogA = new DOG('大毛');
alert(dogA.name); // 大毛
用构造函数生成实例对象,有一个缺点,那就是无法共享属性和方法。(类似C++/java的静态成员)
比如,在DOG对象的构造函数中,设置一个实例对象的共有属性species。
function DOG(name){
this.name = name;
this.species = '犬科';
}
//然后,生成两个实例对象:
var dogA = new DOG('大毛');
var dogB = new DOG('二毛');
这两个对象的species属性是独立的,修改其中一个,不会影响到另一个。
考虑到这一点,js为构造函数设置一个prototype属性。这个属性包含一个对象(以下简称"prototype对象"),所有实例对象需要共享的属性和方法,都放在这个对象里面;那些不需要共享的属性和方法,就放在构造函数里面。
还是以DOG构造函数为例,现在用prototype属性进行改写:
function DOG(name){
this.name = name;
}
DOG.prototype = { species : '犬科' };
var dogA = new DOG('大毛');
var dogB = new DOG('二毛');
alert(dogA.species); // 犬科
alert(dogB.species); // 犬科
现在,species属性放在prototype对象里,是两个实例对象共享的。只要修改了prototype对象,就会同时影响到两个实例对象。
DOG.prototype.species = '猫科';
alert(dogA.species); // 猫科
alert(dogB.species); // 猫科
然而如下代码:
DOG.prototype.species = '猫科';
alert(dogA.species); // 猫科.
dogA.species = '犬科' //修改
alert(dogA.species); // 犬科
alert(dogB.species);// 猫科
修改了dogA的species,并不会影响dogA的species。这是当设置对象属性值时,如果对象不存在该属性,会为对象添加一个对应属性。而获取对象属性值时,dogA.species返回刚添加的属性(犬科),dogB没有species成员属性,则去访问prototype的species属性。
参考文献: