使用JS中的Call方法实现继承和多重继承
call方法:
调用一个对象的一个方法,以另一个对象替换当前对象。
call([thisObj[,arg1[, arg2[, [,.argN]]]]])
thisObj
可选项。将被用作当前对象的对象。
arg1, arg2, , argN
可选项。将被传递方法参数序列。
说明
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。
obj1.method1.call(obj2,argument1,argument2)
如上,call的作用就是把obj1的方法放到obj2上使用,后面的argument1..这些做为参数传入
举例说明1:
<script type="text/javascript"> function add(a,b){ alert(a+b); } function sub(a,b){ alert(a-b); } add.call(sub,4,5); </script>
输出结果为:9,表示把add方法放到sub上使用,然后传入后面相应的参数
举例说明2:
<script type="text/javascript"> function test1(){ this.name="test1"; this.method1=function(){ alert(this.name); } } function test2(){ this.name="test2"; } var t1=new test1(); var t2=new test2(); t1.method1.call(t2); </script>
输出结果为:test2,表示把t1的method1方法放到t2中去执行
举例说明3:单重继承
<script type="text/javascript">
function animal(){
this.eat=function(){
alert("动物在吃饭");
}
}
function dog(){
animal.call(this);
}
var d=new dog();
d.eat();
</script>
输出:动物在吃饭,animal.call(this);表示把animal对象代替了this对象,那么this对象就有了animal中的属性和方法
举例说明4:多重继承
<script type="text/javascript">
function animal(){
this.eat=function(){
alert("动物在吃饭");
}
}
function dogClass(){
this.type="狗类";
}
function dog(){
animal.call(this);
dogClass.call(this);
}
var d=new dog();
d.eat();
alert(d.type);
</script>
输出:动物在吃饭,狗类,同上,同时dogClass对象也代替了this对象,那么dog中也会有dogClass类中的属性和方法,实现了多重继承
共同学习,写下你的评论
评论加载中...
作者其他优质文章