js继承机制
二。js里面都是对象,必须有一种机制,将所有对象联系起来。所以设计了继承。
引入new到javastript,用来从原型对象生成实例对象,在javascript中。new命令后面跟的不是类,而是构造函数。
举例来说:现在有一个叫做DOG的构造函数,表示狗子对象的原型
function DOG(name){ this.name = name; }
对这个构造函数使用new,就会生成一个狗子对象的实例;
var dogA = new DOG('大毛'); alert(dogA.name); //大毛
注意构造函数中的this关键字,它就代表了新创建的实例对象;
三。new 运算符的缺点:
用构造函数生成实例对象,有一个缺点,那就是无法共享属性和方法;
比如:在DOG对象的构造函数中,设置一个实例对象的共享属性species;
function DOG(name){ this.name = name; this.species = '犬科'; }
然后生成两个实例对象:
var dogA = new DOG('大毛'); var dogB = new DOG('二毛');
这两个对象的species属性是独立的,修改其中一个不会影响到另一个;
dogA.species = '猫科'; alert(dogB.species); //犬科,不受dogA影响
每一个实例对象,都有自己的属性和方法的副本,这不仅无法做到数据共享,也是极大的资源浪费;
四.prototype属性的引入
考虑到这一点,Brendan Eich决定为构造函数设置一个prototype属性
这个属性包含一个对象(以下简称‘prototype’对象),所有实例对象需要共享的属性和方法,都放在这个对象里面,那些不需要共享的属性和方法,就放在构造函数里;
实例对象一旦创建,将自动引用prototype对象的属性和方法,也就是说,实例对象的属性和方法,分成两种,一种是本地的,一种是引用的;
还是以DOD构造函数为例,现在用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); //'猫科
五。总结
由于所有的实例对象共享一个prototype对象,那么从外界看起来,prototype对象就好像是实例对象的原型,而实例对象好像继承了prototype对象一样。