如何在JavaScript中的箭头函数内访问'this'关键字?

箭头功能中的“ this”关键字

JavaScript的' this '关键字引用了它所属的对象。在箭头函数中,“ this ”属于全局对象。在一个简单的函数中,“ this ”关键字可能会导致未定义,但在箭头函数中可能会导致一个精确

示例

<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