JavaScript 10

js继承的概念

1.通过原型链方式实现继承(对象间的继承)

 2.类式继承(构造函数间的继承) 

由于js不像Java那样是真正面向对象的语言,js是基于对象的,它没有类的概念。所以,要想实现继承,可以用js的原型prototype机制或者用apply和call方法去实现。

原型链

构造函数、原型、实例的关系:

每个构造函数都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针(constructor),而实例都包含一个指向原型对象的内部指针(__proto__)。

假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含一个指向一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条。这就是所谓原型链的基本概念。

(每个对象都有一个内部属性__proto__属性,属性的值可以是一个对象,也可以是null.如果它的值是一个对象,则这个对象也一定有自己的原型.这样就形成了一条线性的链,我们称之为原型链)

通过原型链方式实现继承

function Parent() {         

   this.hobby="play";      

  }       

 Parent.prototype.showHobby=function () {      

      return this.hobby;     

   }     

   function Son() {     

       this.sonhobby="eat";   

     }        //实现继承  ,继承Parent     

   Son.prototype=new Parent();    

    Son.prototype.showSonhobby=function () {      

      return this.sonhobby;    

    }    

    var obj=new Son();     

   alert(obj.showHobby())  

      for(var i in obj){    

        document.write(i+"---"+obj[i]+"
");     

   }

实现的本质是重写原型对象,代之以一个新类型的实例。

换句话说,原来存在于Parent的实例中的所有属性和方法,现在也存在于Son.prototype中了。在确定了继承关系之后,我们给Son.prototype添加了一个新的方法。

要注意,obj.constructor现在指向的是Parent,这是因为原来Son.prototype中的constructro被重写了的缘故。

JavaScript 10_第1张图片
原型链实现继承

确定原型和实例的关系

可以通过两种方式来确定原型和实例之间的关系。

操作符instanceof和isPrototypeof()方法:

1.instanceof  只要用这个操作符来测试实例与原型链中出现过的构造函数,结果就会返回true.

alert(obj instanceof Object)        //true

alert(obj instanceof Son);          //true

alert(obj instanceof Parent);        //true

2.isPrototypeOf()  只要原型链中出现过的原型,都可以说是该原型链所派生的实例的原型,因此也会返回true;

.alert(Object.prototype.isPrototypeOf(obj))        //true

alert(Son.prototype.isPrototypeOf(obj));          //true

alert(Parent.prototype.isPrototypeOf(obj));        //true

借用构造函数(类式继承)

function Parent(age){

this.name = ['mike','jack','smith'];

this.age = age;

}

function Child(age){

Parent.call(this,age);  //Parent.apply(this,age);

}

var test = new Child(21);

alert(test.age);//21

alert(test.name);//mike,jack,smith test.name.push('bill'); alert(test.name);//mike,jack,smith,bill

组合式继承

组合式继承是比较常用的一种继承方法,其背后的思路是:

使用原型链实现对原型属性和方法的继承,而通过借用构造函数来实现对实例属性的继承。这样,既通过在原型上定义方法实现了函数复用,又保证每个实例都有它自己的属性。

function Parent(age){

this.name = ['mike','jack','smith'];

this.age = age;

}

Parent.prototype.run = function () {

return this.name + ' are both' + this.age;

};

function Child(age){

Parent.call(this,age);//对象冒充,给超类型传参

}

Child.prototype = new Parent();//原型链继承

var test = new Child(21);//写new Parent(21)4也行

alert(test.run());//mike,jack,smith are both21

你可能感兴趣的:(JavaScript 10)