如何在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