读书笔记(Javascript模式)----JavaScript类式继承模式

在面向对象语言中实现继承是非常简单的事情,但是在javascrip中变成了一件非常纠结了事情,原因就是javascript的原型链。

现列出各类继承模式及缺点。

下面是定义两个构造函数Parent()和Child()的一个例子:

function Parent(name) {
    this.name = name || 'kris';
}

Parent.prototype.say = function () {
    return this.name;
};

function Child(name) {}
//继承的魔力就在这里发生
inherit(Child, Parent);

 

类式继承模式#1----默认模式

最常用的方法就是使用Parent()构造函数创建一个对象,然后将该对象赋给Child()的原型。

function inherit(C,P) {
    C.prototype = new P();
}

使用例子:

var a=new Child();
a.say();//输出kris

缺点:

Child()无法给Parent()构造函数提供参数。

 

类式继承模式#2----借用构造函数

解决了从Child()到Parent()传递参数问题。

function Child(a, b, c, d) {
    Parent.apply(this, arguments);
}

缺点:

无法从原型中继承任何东西。

原型也仅是添加可重用方法及属性的位置。

类式继承模式#3----借用和设置原型

结合前两种模式,先借用构造函数,然后设置Child()的原型指向Parent()的新实例。

function Child(a, b, c, d) {
    Parent.apply(this, arguments);
}

Child.prototype = new Parent();

缺点:

Parent()被继承了两次,效率低下。

类式继承模式#4----共享原型

function inherit(C, P) {
    C.prototype = P.prototype;
}

缺点:

Child()的实例修改了原型,会影响到所有的对象。

类式继承模式#5----临时构造函数

通过断开Child()与Parent()之间的直接链接关系,从而解决共享同一个原型带来的问题,而且同时还能继续受益于原型链带来的好处。

function inherit(C, P) {
    var F = function () {};
    F.prototype = P.prototype;
    C.prototype = new F();
}


基本解决类式继承模式问题。

重置构造函数指针与优化

将Child.prototype的constructor指向Child,保证实例的对象是Child的实例,偶尔能派上用场。

function inherit(C, P) {
    var F = function () {};
    F.prototype = P.prototype;
    C.prototype = new F();
    C.prototype.constructor = C;
}

每次需要继承的时候的都要创建临时的代理构造函数,创建即时函数,只需要创建一个代理构造函数。

var inherit = (function () {
    var F = function () {};
    return function (C, P) {
        F.prototype = P.prototype;
        C.prototype = new F();
        C.prototype.constructor = C;
    };
})();

最后达到了一个近乎完美的类式继承方案。

posted @ 2016-09-22 16:26  coolkris  阅读(72)  评论(0编辑  收藏  举报