js之call方法的思考

1.JScript官方解释:
call 方法

调用一个对象的一个方法,以另一个对象替换当前对象。

call([thisObj[,arg1[, arg2[, [,.argN]]]]])
参数
thisObj

可选项。将被用作当前对象的对象。

arg1, arg2, , argN

可选项。将被传递方法参数序列。

说明
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

要求
版本 5.5

2.我的理解
以obj1.method1.call(obj2,argument1,argument2,...)为例:
[b]call方法的调用者:[/b]一个对象的方法(在js里面方法/函数也是对象),调用者为,obj1.method1
[b]call方法的参数:[/b]一个新对象(obj2),这个对象的作用是“拦截”对象obj1,来运行本来属于obj1的method方法;而 argument1,argument2,...就是给method传递参数了
[b]call方法的结果:[/b]obj1.method1.call(obj2,argument1,argument2,...)等价于:
obj2.method1(argument1,argument2,...)
[b]call方法的作用:[/b]obj1.method方法得到重用、共享,有new的特效,实现继承
最简单的理解:
关于call,把隐藏的第一个参数显示化。因为通常一个方法x的调用,会有一个额外的隐藏参数,就是x所属的对象,如果没有所属,则为global(如window)对象,并在函数内可以用this关键字访问之。
3.一些实例
(1)方法得到重用、共享

<script>
function show(){
var id="1";
this.h=function(){
alert(id);
}
}
//var a=new show();
var a={};
var b={};
show.call(a);
show.call(b);
a.h();
b.h()
</script>

这样一来是不是方法重用呢?
(2)取代new

<script>
function show(){
var id="1";
this.h=function(){
alert(id);
}
}
//var a=new show();
var a={};
show.call(a);
a.h();
</script>

这个例子看视奇怪,其实,不必惊讶!
show函数其实可以看成window.show,那么show.call(a)就是window.call(a)!
(3)实现继承
js实现继承一般是用prototype,这不是本文讨论的主题,但是call也可以用来实现继承,如

<script>
function show1(){
var id="1";
this.h=function(){
alert(id);
}
}
function show2(){
show1.call(this);
}
var s={};
show2.call(s); //new的取代
s.h();
</script>

这样一来是不是达到继承的目的!如果要实现多重继承则:

<script>
function show1(){
var id="1";
this.h=function(){
alert(id);
}
}
function show2(){
show1.call(this);
}
function show3(){
show2.call(this);
}
var s={};
show3.call(s);
s.h();
</script>

是不是能达到prototype的目的,呵呵。
当然,从一定的角度上考虑,这样的继承,是有问题的,直接在类函数体里面定义成员方法,将导致每个实例都有副本,重复占用了内存。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值