Javascript 使用原型继承,有什么实用的方法?

Javascript inheritance using prototype, what is a practical way?

我一直在阅读 Javascript 中关于继承的内容,并想出了创建构造函数和定义每个构造函数原型的方法。我创建了一个 prototypeExtend 函数,它将遍历每个构造函数原型并将它们添加到主构造函数原型中。

这是实现继承的实用方法吗?

function prototypeExtend() {
    var cMain = arguments[0].prototype;
    for(var i=1; i<arguments.length; i++){
        var cTemp = arguments[i].prototype;
        for(var k in cTemp){
            if(cTemp.hasOwnProperty(k)){
                cMain[k] = cTemp[k];
            }
        }
    }
    return cMain;
}

function Class1 () {}
Class1.prototype = {
        el1:null,
        fun1:function(str){
            console.log(str + " from Class1");
        },
        setEl1:function(value){
            this.el1 = value;
        },
        getEl1:function(){
            return this.el1;
        }
}

function Class2(){}
Class2.prototype = {
        el2:"blah",
        fun2:function(str){
            console.log(str + " from Class2");
        }
}

function Class3(){}
Class3.prototype = {
        el3:"dah",
        fun3:function(str){
            console.log(str + " from Class3");
        },
        fun1:function(str){
            console.log(str + " from Class3");
        }
}
prototypeExtend(Class2, Class1, Class3);
var obj = new Class2;
console.log(obj);

这是原型继承与功能继承的好例子

http://artandlogic.com/2012/07/prototypal-vs-functional-inheritance-in-javascript/

这似乎是一个非常基于意见的问题,所以没有对错之分。我个人非常喜欢原型方法。

EDIT1:另请查看 Douglas Crockford - 他有自己的实现并且是 javascript 许多人追随的大师

http://javascript.crockford.com/prototypal.html

希望这能为您指明正确的方向

在这种状态下,我能想到一些你可能看不到的东西。您直接在原型描述中为对象的属性提供默认值。请记住,对象(和函数)将通过引用传递,因此这些属性将是 static,如果我可以引用 Java。对该对象的任何更改都会影响所有其他引用。

当您需要覆盖函数并且仍然使用父函数时,您还必须更改代码。

如果您的目标是开发自己的库,请牢记这一点并继续! ;) 无论如何,您应该看看其他人在网上做什么。我个人一直在使用 classjs,它为我完成了工作!