对象继承

Object inheritance

本文关键字：继承 对象      更新时间：2023-09-26
function Foo() {
    this.SayFoo = function() {
        console.log('Foo');
    };
}
function Bar() {
    this.SayBar = function() {
        console.log('Bar');
    };
}
Foo.prototype = new Bar();
var fooBar = new Foo();
fooBar.SayBar();

这显然有效，但这是正确的方法吗?

是否有办法利用jQuery的$.extend或类似的东西，以实现相同的继承结果?

在这种情况下，包括jQuery之外的其他框架是不可能的。

在JavaScript中实际上有多种继承方式:新古典、原型和函数式。Douglas Crockford对新古典继承(您上面提到的方法，以及大多数Java/c#开发人员认为最自然的方法)只说了一些不好的话。原因在于你必须做的所有棘手的事情——设置原型、设置构造函数等等。此外，将原型设置为父类的new实例，就像上面那样，通常是强烈反对的，我认为这是因为它使处理基变量的参数变得复杂。

如果你真的喜欢新古典主义方法，这里有一个很棒的链接，可以真正地介绍它。

我在这里为你复制关键部分:

function Inherit(sub,super){
    var thinF = function(){};
    thinF.prototype = super.prototype;
    sub.prototype = new thinF();
    sub.prototype.constructor = sub;
    sub.super = super.prototype;
    if( super.prototype.constructor == Object.prototype.constructor ){
        super.prototype.constructor = super;
    }
}
这是一个函数继承的例子，它也突出了一些你在新古典方法中无法得到的东西:封装/信息隐藏。
function eventRaiser(protectedStuff) {
    protectedStuff = protectedStuff || {}; 
    var that = {};
    var events = {};  //private
    protectedStuff.raise = function(key) {
        if (!events[key]) return;
            for (var i = 0; i < events[key].funcs.length; i++)
                events[key].funcs[i].apply(null, Array.prototype.slice.call(arguments, 1));
    };
    that.subscribe = function(key, func) {
        if (!events[key])
            events[key] = { name: key, funcs: [] };
        events[key].funcs.push(func);
    };
    return that;
}        
function widget() {
    var protectedStuff = {};
    var that = eventRaiser(protectedStuff);
    that.doSomething = function() { 
        alert("doing something"); 
        protectedStuff.raise("doStuffEvent");
    };
    return that;
}
$(function() {
    var w = widget();
    w.subscribe("doStuffEvent", function(){ alert("I've been raised"); });
    w.doSomething();
    w.protectedStuff.raise("doStuffEvent"); //error!!!!!  raise is protected
    w.raise("doStuffEvent"); //and this obviously won't work
});

是，将prototype设置为实例是正确的方法

相关文章：