Function.prototype.call
概述
使用給定的this
參數以及分別給定的參數來呼叫某個函數
備註: 此函數的所有語法大致上與apply()
(en-US)相同,他們基本上不同處只有 call()
接受一連串的參數,而 apply()
單一的 array 作為參數
Function 物件的方法 | |
---|---|
被實作於 | JavaScript 1.3 |
ECMAScript 版本 | ECMAScript 第三版 |
語法
fun.call(thisArg[, arg1[, arg2[, ...]]])
參數
thisArg
-
呼叫*
fun
*時提供的this
值。 注意,它可能是一個無法在函數內看到的值:若這個函數是在非嚴苛模式( non-strict mode (en-US) ),null
、undefined
將會被置換成全域變數,而原生型態的值將會被封裝 arg1, arg2, ...
-
其他參數
描述
你可以在呼叫一個現存的函數時,使用不一樣的 this
物件。 this
會參照到目前的物件,呼叫的物件上
使用 call,
你可以實作函數一次,然後在其他的物件上直接繼承它,而不用在新的物件上重寫該函數
範例
使用 call
來串接物件上的建構子
你可以使用 call
來串接其他物件的建構子,就像 Java. 下面的例子中,Product
物件的建構子定義了兩個參數 name
以及 price
. 其他函數Food
及 Toy
引用了 Product
並傳入 this
、 name
和 price
。 Product 初始化它的屬性 name
和 price
, 而兩個子函數則定義了category。
function Product(name, price) {
this.name = name;
this.price = price;
if (price < 0)
throw RangeError('Cannot create product "' + name + '" with a negative price');
return this;
}
function Food(name, price) {
Product.call(this, name, price);
this.category = 'food';
}
Food.prototype = new Product();
function Toy(name, price) {
Product.call(this, name, price);
this.category = 'toy';
}
Toy.prototype = new Product();
var cheese = new Food('feta', 5);
var fun = new Toy('robot', 40);
使用 call
來呼叫匿名的函數
下面這個簡易的例子中,我們做了一個匿名的函數,並用 call
來讓它應用在每個在串列中的物件中. 這個匿名函數的主要用途是加入一個 print 函數到每個物件上,這個函數可以印出每個物件的 index 指標。 傳入物件作為 this
的值並不是必要的,但他有解釋的用途。
var animals = [
{species: 'Lion', name: 'King'},
{species: 'Whale', name: 'Fail'}
];
for (var i = 0; i < animals.length; i++) {
(function (i) {
this.print = function () {
console.log('#' + i + ' ' + this.species + ': ' + this.name);
}
this.print();
}).call(animals[i], i);
}
規範
Specification |
---|
ECMAScript Language Specification # sec-function.prototype.call |
瀏覽器相容性
BCD tables only load in the browser