js の this が指す状況がいくつかあります。

下次还敢
リリース: 2024-05-06 14:03:15
オリジナル
300 人が閲覧しました

JavaScript では、this のポインティング タイプは次のとおりです: 1. グローバル オブジェクト、2. 関数呼び出し、4. イベント ハンドラー、5. アロー関数 (this の外側を継承)。さらに、bind()、call()、および apply() メソッドを使用して、これが何を指すかを明示的に設定できます。

js の this が指す状況がいくつかあります。

#JavaScript における this のポインタ

this が指す型

JavaScript、これは次のタイプを指します:

1. グローバル オブジェクト

    関数がグローバル スコープで呼び出される場合、これは次を指します。ウィンドウ オブジェクト (ブラウザーの場合) またはグローバル オブジェクト (Node.js の場合)。

2. 関数呼び出し

    関数がメソッドとして呼び出される場合、これはメソッドを含むオブジェクトを指します。
  • 例:
  • const person = { name: "John",greet: function() { console.log(this.name) }};
  • ##3. コンストラクター呼び出し

new キーワードを使用して関数を呼び出す場合、これは新しく作成されたオブジェクトを指します。

    例:
  • const person = new Person("John");
  • ##4. イベント ハンドラー

イベント ハンドラー (onclick など) が呼び出されると、これはイベントをトリガーした要素を指します。

例:
  • # # 5. アロー関数

アロー関数は独自の this を持たず、外側のスコープから this を継承します。 例:

const person = { name: "John"、greet: () => console.log(this.name) };
  • Notes

bind()、call()、および apply() メソッドを使用して、この点を明示的に設定できます。 アロー関数とクラス メソッドは、常に this をそれらが定義されているスコープにバインドします。

    以上がjs の this が指す状況がいくつかあります。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート