如何在 JavaScript 中的箭头函数内访问“this”关键字？

箭头函数中的“this”关键字

JavaScript“this”关键字指其所属的对象。在箭头函数中，“this”属于全局对象。在简单函数内，“this”关键字可能导致undefined，但在箭头函数中，它会导致明确值。

示例

实时演示

<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

更新于：2019 年 8 月 1 日

522 次浏览

开启您的职业生涯

完成课程以获得认证

开始
广告