胖箭头函数不能用作对象方法答案

【问题标题】：Fat arrow function is not working as object method胖箭头函数不能用作对象方法
【发布时间】：2019-12-17 08:55:34
【问题描述】：

const profile = {
    name: 'Alex',
    getName :() =>{
        return this.name;
    }
};

在这里，我没有得到“亚历克斯”的名字。但是当我使用 function 关键字时，我得到了期望的结果。为什么？

【问题讨论】：

箭头函数在词法上绑定在一个对象字面量中，上下文是不是尚未创建的对象。
这能回答你的问题吗？ Methods in ES6 objects: using arrow functions
也相关How to bind 'this' to an object arrow function?Self-references in object literals / initializers

【解决方案1】：

this 带箭头功能：

它提供的显着优势是它不绑定自己的 this。换句话说，箭头函数内部的上下文是词法或静态定义的。

如果您要访问对象内部的方法，则需要使用常规函数而不是箭头函数。

const profile = {
    name: 'Alex',
    getName :function(){
        return this.name;
    }
};

更多关于this的说明，可以访问this keyword

【讨论】：