Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【Node.js24.x】Function::bind()メソッドの使い方

bindメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

bindメソッドは、既存の関数に対して特定のthis値と、関数の先頭に固定する引数を設定した新しい関数を生成するメソッドです。JavaScriptにおいて、関数が実行される際にthisキーワードが何を指すかは、その関数の呼び出し方によって動的に決まります。しかし、bindメソッドを使用すると、新しい関数がどのように呼び出されても、常に指定されたthisの値を参照するように固定できます。これは、特にオブジェクトのメソッドを別の関数へコールバックとして渡す際に、元のオブジェクトのコンテキスト(thisの値)を失わないようにするために非常に有用です。

また、bindメソッドは、thisの値だけでなく、元の関数の引数の一部をあらかじめ固定しておくことも可能です。新しい関数が呼び出される際には、bindメソッドで指定された引数が元の関数の先頭に自動的に渡され、その後に新しい関数に渡された引数が続きます。このメソッドは、元の関数を変更することなく、特定の状況に特化した新しい関数を効率的に作成するための強力な手段となります。Node.js環境においても、この機能はイベントハンドラや非同期処理などで多用されます。

構文(syntax)

1function greeting() {
2  console.log(`Hello, ${this.name}!`);
3}
4
5const user = {
6  name: "Node.js User"
7};
8
9const boundGreeting = greeting.bind(user);
10boundGreeting();

引数(parameters)

thisArg, ...args

  • thisArg: bindメソッドが呼び出された関数内で this キーワードが指すオブジェクト
  • ...args: bindメソッドが呼び出された関数に渡される、初期化された引数リスト

戻り値(return)

Function

bindメソッドは、指定されたthis値と引数を持つ新しい関数を返します。この新しい関数は、元の関数と同じ本体を持ち、あらかじめ固定されたコンテキストで実行されます。

関連コンテンツ