call() 方法在使用一個指定的 this 值和若干個指定的參數值的前提下調用某個函數或方法。
call 功能:
1 call 改變了 this 的指向,指向到 第一個參數
2 call 的調用函數執行了
3 call 函數還能給定參數執行函數
4 第一個參數可以傳 null,當為 null 的時候,視為指向 window
5 函數是可以有返回值的!
所以我們模擬的步驟可以分為:
1 將函數設為對象的屬性
2 判斷第一個參數是否為空,取arguments第二個開始的參數
3 使用eval執行帶參數的該函數
4 刪除該函數
5 返回該函數
測試一下
~~~
var value = 2;
var obj = {
value: 1
}
function bar(name, age) {
console.log(this.value);
return {
value: this.value,
name: name,
age: age
}
}
bar.call2(null); // 2
console.log(bar.call2(obj, 'kevin', 18));
// 1
// Object {
// value: 1,
// name: 'kevin',
// age: 18
// }
~~~
實現代碼
~~~
Function.prototype.call2 = function (context) {
var context = context || window;
context.fn = this;
var args = [];
for(var i = 1, len = arguments.length; i < len; i++) {
args.push('arguments[' + i + ']');
}
var result = eval('context.fn(' + args +')');
delete context.fn
return result;
}
~~~