javascript 高级程序设计学习笔记（面向对象的程序设计)继承

ECMAScript中描述了原型链的概念，原型链是实现继承的主要方法。

实现原型链继承有一种基本模式

function SuperType () {

         this.property = true;

    }

    SuperType.prototype.getSuperValue = function () {

         return this.property;

    };

    function SubType () {

         this.subproperty = false;

    }

    //继承SuperType

    SubType.prototype = new SuperType();

    SubType.prototype.constructor = SubType;

    SubType.prototype.getSubValue =function  () {

         return  this.subproperty;

    };

    var instance = new SubType();

    console.log(instance.getSuperValue());   //true

    console.log(instance.getSubValue());     //false

原型链虽然可以实现继承，但是在对现有的原型进行修改时，原先的原型也会被修改。这也是原型链的问题。

构造函数

使用call或apply方法

function SuperType (name) {

         this.name = name;

    }

    function SubType () {

        //继承

         SuperType.call(this, "Argu");

    }

    var instance = new SubType();

    console.log(instance.name);

在考虑到原型链和构造函数实现继承时的一些问题，用的比较多的是两种方式的组合形式

组合继承

function SuperMan (name) {

         this.name = name;

         this.friends = ["Bob","Angular","Y"];

    }

    SuperMan.prototype.sayName = function () {

         alert(this.name);

    };

    function SubMan (name, age) {

         SuperMan.call(this, name); 

         this.age = age;

    }

    SubMan.prototype = new SuperMan();

    SubMan.prototype.constructor = SubMan;

    SubMan.prototype.sayAge = function () {

         alert(this.age);

    };

    var test1 =new SubMan("Nicur", "11");

    test1.friends.push("Syze");

    console.log(test1.friends);　　　　　　　　　　　　//["Bob", "Angular", "Y", "Syze"]

    test1.sayName();　　　　　　　　　　　　　　　　　　//Nicur

    test1.sayAge();　　　　　　　　　　　　　　　　　　 //11

    var test2 =new SubMan("Gina", "18");　　　　　　

    console.log(test2.friends);　　　　　　　　　　 　//["Bob", "Angular", "Y"]

    test2.sayName();　　　　　　　　　　　　　　　　　  //Gina

    test2.sayAge();                                //18

巴特西

javascript 高级程序设计学习笔记（面向对象的程序设计)继承

最新文章

热门文章