Javascript - 全面理解 caller，callee，call，apply

3、call 和 apply

call方法JScript參考中的說明：呼叫一個物件的一個方法，以另一個物件替換當前物件。call([thisObj[,arg1[, arg2[, [,.argN]]]]])，但是沒有示例

apply方法JScript參考中的說明：應用某一物件的一個方法，用另一個物件替換當前物件。apply([thisObj[,argArray]])

實際上這兩個的作用幾乎是相同的，要注意的地方是call(thisObj[,arg1[, arg2[,)中的arg引數可以是變數，而apply([thisObj[,argArray]])中的引數為陣列集合。下面來看看call, apply的具體應用

// simple call demofunction simpleCallDemo(arg) {	window.alert(arg);}function handleSPC(arg) {	simpleCallDemo.call(this, arg);}// simple apply demofunction simpleApplyDemo(arg) {	window.alert(arg);}function handleSPA(arg) {	simpleApplyDemo.apply(this, arguments);}	

從上面簡單的例子可以看出，call和apply可以把當前的引數傳遞給另外一個函式的引數中，從而呼叫另一個函式的應用。有的時候這是一個很實用的方法，當然，用call或是apply（是引數或是陣列），看實際情況而定了。

下面來看另一個應用

call和apply還有一個技巧在裡面，就是用call和apply應用另一個函式（類）以後，當前的函式（類）就具備了另一個函式（類）的方法或者是屬性，這也可以稱之為“繼承”。看下面示例。

// inheritfunction base() {	this.member = "never-online";	this.method = function() {		window.alert(this.member);	}}function extend() {	base.call(this);	window.alert(member);	window.alert(this.method);}	

上面的例子可以看出，透過call之後，extend可以繼承到base的方法和屬性。

再看一個apply的應用

// advanced apply demofunction adApplyDemo(x) {	return ("this is never-online, BlueDestiny '" + x + "' demo");}function handleAdApplyDemo(obj, fname, before) {  var oldFunc = obj[fname];  obj[fname] = function() {    return oldFunc.apply(this, before(arguments));  };}function hellowordFunc(args) {  args[0] = "hello " + args[0];  return args;}function applyBefore() {	alert(adApplyDemo("world"));}function applyAfter() {	handleAdApplyDemo(this, "adApplyDemo", hellowordFunc);	alert(adApplyDemo("world")); // Hello world!}	

需要注意的是，要先點"原始的adApplyDemo('world')"按鈕，如果先點"應用後的adApplyDemo('world')"按扭，會先應用了apply方法，這樣原始的值將會被改變。或許有的朋友沒有發現有什麼特別的，我在這裡指明一下，當點選左邊的按扭時，只有"this is never-online, BlueDestiny 'world' demo"， 當點選右邊的按扭後，會現結果是"this is never-online, BlueDestiny 'hello world' demo"，再點點左邊的按扭，看看結果又會是什麼呢？自己試試看:D，已經改寫了函式adApplyDemo。這個例子則說明了call和apply的“真正”作用了。