JavaScriptでは、この動作は関數(shù)の呼び出に依存します。 sermantion通常の関數(shù)呼び出しでは、これはグローバルオブジェクト（ブラウザのウィンドウとnode.jsのグローバル）を指しますが、厳格なモードでは未定義です。 offgenceオブジェクトメソッドでは、これはメソッドを呼び出すオブジェクトを指しますが、メソッドが個別に呼び出された場合、これはコンテキストを失う可能性があります。 arrow矢印関數(shù)にはこれがありません。これは外側(cè)のスコープから継承され、これの一貫性を維持するのに適しています。 c.bind（）、.call（）、および.apply（）を使用して、この値を明示的にバインドします。これは、バインディング関數(shù)の作成に使用され、すぐに呼び出してパラメーターを通過し、すぐに呼び出し、配列のパラメーターを渡します。これを理解するための鍵は、機能が定義されている方法ではなく、どのように呼び出されるかです。

JavaScriptを使用しているとき、 thisキーワードは頭を包む最もトリッキーな概念の1つになります。特に他のプログラミング言語から來ている場合、それは常にあなたが期待するかもしれないものを指すとは限りません。要するに、 this 、関數(shù)が呼ばれるコンテキストを指します - 定義されている場所ではありません。

これをいくつかの一般的な狀況に分けて、 thisどのように振る舞うかをよりよく理解できるようにしましょう。

this通常の機能呼び出しでどのように機能するか

通常の関數(shù)呼び出し（オブジェクトメソッドまたはクラス內(nèi)ではない）では、 this通常、グローバルオブジェクトを指します。ブラウザではwindowで、node.jsはglobalです。ただし、Strictモード（ "use strict" ）を使用している場合、 this undefinedなります。

例えば：

関數(shù)showsthis（）{
  console.log（this）;
}

showthis（）; //ブラウザで：ウィンドウオブジェクト（または厳密なモードで未定義）

したがって、 thisグローバルオブジェクトのような予期しない何かを指していることがわかった場合は、コンテキストなしで機能が正常に呼ばれているかどうかを確認(rèn)してください。

注意すべきいくつかのこと：

• この動作は、あなたが矢印の関數(shù)の中にいるときに変化します（私たちはそれに到達(dá)します）。
• イベントハンドラーまたはコールバックを拘束する場合、 this明示的にバインドされていない限り、意図したコンテキストを失うことがあります。

this內(nèi)部オブジェクトメソッド

関數(shù)がオブジェクトの一部である場合（メソッド）、 thisメソッドを所有するオブジェクトを指します。あなたはそのオブジェクトのコンテキストで関數(shù)を呼んでいるので、それは理にかなっています。

例：

 const user = {
  名前：「アリス」、
  挨拶する（） {
    console.log（ `hello、$ {this.name}`）;
  }
};

user.greet（）; //こんにちは、アリス

ここでは、この方法がそのオブジェクトに呼び出されるため、 this userを指します。しかし、これらのゴッチャに注意してください：

• メソッドを抽出して個別に呼び出すと、 this undefinedなるか、グローバルオブジェクトを指している場合があります。

   const sayshi = user.greet;
  sayshi（）; //こんにちは、未定義（厳密なモード）

• これは、メソッドを.bind(user)で明示的にバインドするか、メソッド內(nèi)の矢印関數(shù)を使用して修正できます。

矢印機能とthis

矢印関數(shù)には獨自のthisがありません。代わりに、彼らは周囲の語彙的文脈からthis継承します - 基本的に、それらの周りの最も近い非矢印関數(shù)。

これは、メソッド內(nèi)のコールバックを書くときに非常に便利です。

 const user = {
  名前：「ボブ」、
  GreetLater（）{
    setimeout（（）=> {
      console.log（ `hi、$ {this.name}`）;
    }、1000）;
  }
};

user.greetlater（）; //こんにちは、ボブ

setTimeout內(nèi)の矢印関數(shù)の代わりに通常の関數(shù)を使用していた場合、 this厳密なモードに応じて、グローバルオブジェクトまたはundefined指します。

だから覚えておいてください：

• 矢印関數(shù)は、 this一貫性を維持するのに最適です
• this介してオブジェクトにアクセスする必要がある場合、それらはオブジェクトメソッドとして適していません

thisバインド、呼び出し、適用して変更します

時には、 this言及していることを正確に制御したい場合があります。そのため、JavaScriptは、 .call() 、. .apply() 、および.bind()の3つのツールを提供します。

• .call(obj, arg1, arg2...)具體的にthisすぐに実行します
• .apply(obj, [args])は似ていますが、アレイとして引數(shù)を取ります
• .bind(obj) this永久に設(shè)定された新しい関數(shù)を返します

ユースケースの例：

関數(shù)はじめに（lang）{
  console.log（ `$ {this.name} knows $ {lang}`）;
}

const person = {name： "John"};

indulte.call（person、 "javascript"）; //ジョンはJavaScriptを知っています
indulte.apply（person、["python"]）; //ジョンはPythonを知っています

const bundintro = introduce.bind（person）;
Bundintro（ "Java"）; //ジョンはジャワを知っています

これらの方法は、他のオブジェクトからメソッドを借用したり、イベントハンドラーを設(shè)定したりする場合に特に役立ちます。

これは、 this JavaScriptでどのように機能するかの背後にある一般的なアイデアです。それは、機能がどこでどのように呼ばれるかについてのすべてです - それが書かれている場所ではありません。練習(xí)を続け、さまざまなシナリオでコンテキストがどのように変化するかに注意を払います。ルールに慣れると、はるかに予測可能になります。

基本的にそれだけです。

以上がこのキーワードがJavaScriptでどのように機能するかの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。