bind

バインド（関数）

意味関数にthisを固定

bindとは？

bindメソッドは、指定したthisの値で新しい関数を作成します。

bindの具体的な使い方

関数を特定のオブジェクトにバインドする例

function greet() {
  console.log(`こんにちは、${this.name}さん！`);
}

const person = { name: '太郎' };
const boundGreet = greet.bind(person);

boundGreet();

👇出力結果

こんにちは、太郎さん！

この例では、「greet」関数を「person」オブジェクトにバインドしています。bindを使用することで、関数内のthisが常に指定したオブジェクト（この場合はperson）を参照するようになります。

引数の部分適用

function multiply(a, b) {
  return a * b;
}

const double = multiply.bind(null, 2);
console.log(double(5));
console.log(double(10));

👇出力結果

10
20

bindを使用して引数を部分的に適用することもできます。この例では、multiplyの最初の引数を2に固定した新しい関数doubleを作成しています。

bindに関するよくある質問

Q. bindの主な用途は？

A. bindの主な用途は、関数のthisを特定のオブジェクトに固定することです。これにより、関数が呼び出されるコンテキストに関係なく、常に指定したオブジェクトをthisとして参照できます。

Q. bindとcallの違いは？

A. bindは新しい関数を返しますが、すぐには実行しません。一方、callは関数をすぐに実行します。bindは後で実行するための関数を作成し、callは即座に関数を実行する際に使用します。

Q. bindは引数を固定できる？

A. はい、bindは第二引数以降で関数の引数を固定することができます。これらの引数は、新しく作成された関数が呼び出されるたびに、元の関数に渡されます。

JavaScriptを勉強するのにおすすめな問題集アプリの紹介

楽しくプログラミングを学ぶことで、プログラミングの理解度が深まります。『JavaScript問題集』は、楽しくJavaScriptを学ぶのに最適なアプリです。AIが出題する問題に答えていくことで、自然とJavaScriptの理解度が深まります。

AppStoreからダウンロード：https://apps.apple.com/jp/app/id6737941570

JavaScriptのbindについても学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのbindやcall、デフォルトパラメータ、iterator、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。