Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptの矢印関数内の「this」キーワードにアクセスするにはどうすればよいですか？

矢印関数の「this」キーワード

JavaScript'これ 'キーワードは、それが属するオブジェクトを参照します。矢印関数では、'これ 'はグローバルオブジェクトに属します。 単純な関数の中で、'これ 'キーワードは未定義になる可能性があります しかし、矢印 関数は正確なになります 値 。

例

<html>
<body>
<script>
   function Student(fname, grade) {
      this.fname = fname;
      this.grade = grade;
      this.details = function() {
         return () => {
            document.write(`Hi, I'm ${this.fname} from ${this.grade} grade`);
         };
      }
   }
   let info = new Student('picaso', 'seventh');
   let printInfo = info.details();
   printInfo();
</script>
</body>
</html>

出力

Hi, I'm picaso from seventh grade

  1. JavaScriptのプロパティにアクセスする方法は？

    JavaScriptプロパティにアクセスする方法は3つあります- ドットプロパティアクセスの使用：object.property 角かっこ表記の使用：object [‘property’] オブジェクトの破棄を使用する：{property} =object 以下は、JavaScriptオブジェクトのプロパティにアクセスするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta na

  2. JavaScriptの簡潔な矢印関数

    簡潔な矢印関数の構文は次のとおりです- (param1, param2) =>param1+param2 のみがあり、単一のパラメータがある場合は、次のように記述することもできます- param1=>param1*2 の後に中括弧{}がない場合は、暗黙的に戻ります。 以下は、JavaScriptで簡潔な矢印関数を実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta na