アロー関数とこれ

PHPz
リリース: 2024-07-31 01:28:24
オリジナル
852 人が閲覧しました

Arrow function and this

この foo.baz() の結果はどうなりますか??

const foo = {
  bar: 10,
  baz: () => console.log(this.bar),
};


foo.baz();

ログイン後にコピー

この関数は機能するように見えますが、これを実行すると結果は「未定義」になります。なぜそうなるのでしょうか?
JavaScript では、アロー関数を使用すると、関数 console.log(this.bar) がグローバル変数を検索します。これは、「this」キーワードが周囲のオブジェクトではなく、ブラウザー内のグローバル オブジェクト (ウィンドウ) にバインドされているためです。 node.js環境。
この問題を解決するには、foo.bar を使用するか、コードを少し変更して so
のような正規関数式を使用します。

 baz: function () {
    console.log(this.bar);
  },

ログイン後にコピー

または、アロー関数を使用する必要がある場合は、ローカル変数を this.bar として呼び出す代わりに、オブジェクト名を使用して foo.bar のように呼び出すことができます。

 baz: () => console.log(foo.bar),

ログイン後にコピー

これで、出力は正しく 10 になります。

以上がアロー関数とこれの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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