js之call方法的思考.txt

js之call方法的思考(包括官方解释及一些实例（1）方法得到重用、共享（2）取代new（3）实现继承)

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


<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>  

<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
Java代码 


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

var a={};  
show.call(a);  
a.h();  
</script>  

<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也可以用来实现继承，如
Java代码 


<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);}var s={};show2.call(s); //new的取代s.h();</script>
这样一来是不是达到继承的目的！如果要实现多重继承则：
Java代码 


<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>  

<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的目的，呵呵。
当然，从一定的角度上考虑，这样的继承，是有问题的，直接在类函数体里面定义成员方法，将导致每个实例都有副本，重复占用了内存。