首頁猿問 es6箭頭函數(shù)問題

es6箭頭函數(shù)問題

AngularJS JavaScript React.JS

慕勒5811226 2016-08-03 12:41:46

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

查看完整描述

1 回答

已采納

_瀟瀟暮雨

TA貢獻(xiàn)646條經(jīng)驗(yàn) 獲得超225個(gè)贊

箭頭函數(shù)的this在定義的時(shí)候已經(jīng)確定了，定義的時(shí)候person內(nèi)部的this指向的是全局變量（瀏覽器中的window，node中的global）。你直接執(zhí)行肯定是取window上的name屬性，肯定是undefined。你可以先在window上添加name屬性或者在箭頭函數(shù)中輸出this驗(yàn)證這個(gè)結(jié)論。

反對(duì) 回復(fù) 2016-08-03