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对象一样。

原文地址:https://www.cnblogs.com/woshidouzia/p/10937543.html