Function.prototype.call()
BaselineWidely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
call() はFunction インスタンスのメソッドで、this の値と、独立して提供された引数によって関数を呼び出します。
試してみましょう
function Product(name, price) { this.name = name; this.price = price;}function Food(name, price) { Product.call(this, name, price); this.category = "food";}console.log(new Food("cheese", 5).name);// 期待される出力結果: "cheese"構文
call(thisArg)call(thisArg, arg1)call(thisArg, arg1, arg2)call(thisArg, arg1, arg2, /* …, */ argN)引数
thisArgfuncが呼び出されたときにthisとして使用される値です。関数が厳格モードでない場合、nullとundefinedはグローバルオブジェクトに置き換わり、プリミティブ値はオブジェクトに変換されます。arg1, …,argN省略可呼び出し先の関数に渡される引数です。
返値
this の値と引数を指定して関数を呼び出した結果です。
解説
メモ:この関数はほぼapply() と同等ですが、call() では関数の引数がリストとして個別に渡されるのに対し、apply() では 1 つのオブジェクト、通常は配列にまとめられます。例えば、func.call(this, "eat", "bananas") とfunc.apply(this, ["eat", "bananas"]) のようになります。
通常、関数を呼び出す場合、関数内のthis の値は、その関数がアクセスされたオブジェクトです。call() を使用すると、既存の関数を呼び出す際に、最初のプロパティとしてオブジェクトにその関数を添付することなく、this に任意の値を割り当てることができます。これにより、あるオブジェクトのメソッドを汎用のユーティリティ関数として使用することができます。
警告:コンストラクターを連結する（例えば、継承を実装する）ためにcall() を使用しないでください。これは、コンストラクター関数を単なる関数として呼び出すことになり、つまりnew.target がundefined となり、クラスがエラーを発生します。これは、new なしで呼び出されるためです。代わりにReflect.construct() またはextends を使用してください。
例
call を使用した関数を呼び出しと 'this' のコンテキストの指定
次の例では、greet メソッドを呼ぶとき、this の値をobj オブジェクトにバインドしています。
function greet() { console.log(this.animal, "typically sleep between", this.sleepDuration);}const obj = { animal: "cats", sleepDuration: "12 and 16 hours",};greet.call(obj); // cats typically sleep between 12 and 16 hourscall() を使用した最初の引数を指定しない関数の呼び出し
最初のthisArg 引数を省略すると、既定ではundefined となります。 厳格モード以外では、this の値はglobalThis （グローバルオブジェクトに類似）に置き換えられます。
globalThis.globProp = "foo";function display() { console.log(`globProp の値は ${this.globProp}`);}display.call(); // "globProp の値は foo" と出力厳格モードではthis の値はundefined になります。以下を参照してください。
"use strict";globalThis.globProp = "foo";function display() { console.log(`globProp の値は ${this.globProp}`);}display.call(); // undefined の 'sData' のプロパティは読めないメソッドのユーティリティ関数への変換
call() は通常の関数呼び出しとほぼ同様ですが、this が関数のアクセス元の値ではなく、通常の引数として渡される点が異なります。これは、汎用ユーティリティ関数がどのように動作するのかと似ています。array.map(callback) を呼ぶ代わりに、map(array, callback) を使用することで、Object.prototype を変更することなく、配列ではない配列風オブジェクト（例えばarguments）に対してmap を使用することができます。
例えば、配列風のオブジェクトを実際の配列に変換するために使用するArray.prototype.slice() を例に挙げます。 この例では、次のようなショートカットを作成することができます。
const slice = Array.prototype.slice;// ...slice.call(arguments);なお、slice.call を保存して、それを単なる関数として名付けることはできません。call() メソッドもこの値を読み取るため、呼び出すべき関数が指定されてしまうからです。この場合、bind() を使用するとthis 値をcall() にバインドすることができます。次のコードでは、slice() はFunction.prototype.call() のバインド済みバージョンであり、this 値はArray.prototype.slice() にバインドされています。つまり、追加のcall() 呼び出しを省略できるということです。
// 前の例の "slice" と同じconst unboundSlice = Array.prototype.slice;const slice = Function.prototype.call.bind(unboundSlice);// ...slice(arguments);仕様書
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-function.prototype.call |