「JavaScript」bindメソッドで引数の固定を指定するサンプル

2014年6月3日2021年10月12日

書式
bind(thisArg)
thisArg
バインドされた関数が呼び出される際、 this 引数としてターゲット関数 func に渡される値です。
bind(thisArg, arg1, … , argN)
arg1, arg2, …argN 省略可
func を呼び出す時、バインドされた関数に与えられる引数の前に付けて渡す引数。

戻り値
this の値と初期の引数を指定された関数のコピーです。

使用例

<script>
  function funA(pA, pB) {
    alert(pA +" "+pB);
  }
  //bind関数
  const funB = funA.bind(null, "テスト太郎")
 
  funB("東京");  
  funB("品川区");  
  funB("品川駅");  
</script>

実行結果
テスト太郎　東京
テスト太郎　品川区
テスト太郎　品川駅