【JSリファレンス】Function.prototype.apply()

更新日：2024/06/14

Function.prototype.apply()は、Functionオブジェクト(Functionコンストラクターのインスタンス)のプロトタイプチェーンに組み込まれるメソッドです。

関数コードに特定のthis値を渡して、関数を実行します。
また引数を配列で指定します。

※Functionオブジェクトがアロー関数、またはFunction.prototype.bind()の戻り値の場合、渡したthis値は無視されます。

※同様のメソッドにFunction.prototype.call()がありますが、こちらは引数をカンマ区切り（通常の引数指定方法）で指定します。

 

■構文


Function.prototype.apply ( thisArg, argArray )
  1. thisArg: 関数内部でthis値として扱う値

    ※非strictモード時は、nullおよびundefinedがGlobalオブジェクトへ、プリミティブ値がオブジェクトへ変換される。

  2. argArray: 引数値を順番にセットした配列またはアレイライクオブジェクト
関数の実行結果

 

■使用例

const f = function(a,b){
  return this.value * a * b;
}

const obj = {
  value:10,
  func:f
}
console.log( obj.func( 2 , 3 ) ); // 60

  // this値の変更
console.log( 
  obj.func.apply( { value:2} , [2 , 3] ) // 12
  );

 

関連ページ

●【JavaScript】 そろそろcall()とapply()を理解してみようと思う

更新日：2024/06/14

書いた人（管理人）：けーちゃん

スポンサーリンク

記事の内容について

null

こんにちはけーちゃんです。
説明するのって難しいですね。

「なんか言ってることおかしくない？」
たぶん、こんなご意見あると思います。

裏付けを取りながら記事を作成していますが、僕の勘違いだったり、そもそも情報源の内容が間違えていたりで、正確でないことが多いと思います。
そんなときは、ご意見もらえたら嬉しいです。

掲載コードについては事前に動作確認をしていますが、貼り付け後に体裁を整えるなどをした結果動作しないものになっていることがあります。
生暖かい視線でスルーするか、ご指摘ください。

ご意見、ご指摘はこちら。
https://jsref.affi-sapo-sv.com/info.php

 

このサイトは、リンクフリーです。大歓迎です。