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

參見