es6箭头函数问题

Question

let person = {                        name:'L',                        hobbies:['robot','internet','music'],                        sayName:() =>{                                console.log(`Hi,I am ${this.name}`)                        }                         }                                person.sayName();为什么是undefined？ 如果sayName：function(){}就能读取到，说下原因

Answer 1

箭头函数的this在定义的时候已经确定了，定义的时候person内部的this指向的是全局变量（浏览器中的window，node中的global）。你直接执行肯定是取window上的name属性，肯定是undefined。你可以先在window上添加name属性或者在箭头函数中输出this验证这个结论。