JavaScript で「This」の動作が一貫しないのはなぜですか?

JavaScript の「this」演算子との不一致

JavaScript の「this」演算子は、次の理由により多くの開発者にとって混乱の原因となっています。コンテキストに応じて動作が変化します。この記事の目的は、「this」がどのように機能するかを明確にし、潜在的な問題を軽減するためのベスト プラクティスを提供することです。

呼び出しパターンを理解する

「this」を理解するための鍵は、 Javascript で関数を呼び出すさまざまな方法:

• メソッド: 関数がオブジェクトのメソッドとして呼び出される場合、「this」はそのオブジェクトを指します。
• 関数: 関数がスタンドアロン エンティティとして呼び出される場合、「this」はグローバル オブジェクト (通常はウィンドウ) を指します。
• コンストラクター:関数は new キーワードで呼び出され、「this」は新しく作成されたオブジェクトを参照します。
• Apply: apply() メソッドを使用すると、「this」の値を指定して渡すことができます。引数の配列。

コールバック関数と "this"

メソッドをコールバック関数として使用すると、矛盾した動作がよく発生します。コールバックは関数として呼び出されるため、「this」はデフォルトでグローバル オブジェクトになります。これにより、特に元のオブジェクトのプロパティにアクセスする場合に、意図しない動作が発生する可能性があります。

一貫性を確保するためのベスト プラクティス

「この」動作の一貫性を確保するには、次のベスト プラクティス:

• 「that」変数を使用します: メソッド内で変数を「this」に割り当てます。これはコールバック呼び出しを通じて保持されます。
• アロー関数を使用する: アロー関数は、独自の "this" 値をバインドせず、それを囲んでいるスコープから継承します。これにより、一貫した参照が提供されます。
• Bind "this": binding() メソッドを使用すると、指定された "this" 値を持つ新しい関数を作成し、コールバック呼び出し全体で一貫性を確保できます。

以上がJavaScript で「This」の動作が一貫しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。