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验证这个结论。