如何在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
热门推荐
5 短祝福语简短暖心
10 结婚祝福语粤语大全简短
11 晚上祝福语女生文案简短
12 法语妈妈生日祝福语简短
13 药厂开工祝福语大全简短
14 蛋糕节日祝福语简短英文
15 跨年的生日祝福语简短
16 文案祝福语英文短句简短
17 在家聚餐婚礼祝福语简短
18 学生节祝福语大全简短