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,它为我完成了工作!
我一直在阅读 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,它为我完成了工作!