在 ES6 中，这两个都是合法的：
var chopper = {
owner: 'Zed',
getOwner: function() { return this.owner; }
};
并且，作为速记：
var chopper = {
owner: 'Zed',
getOwner() { return this.owner; }
}
是否也可以使用新的箭头函数？在尝试类似
var chopper = {
owner: 'John',
getOwner: () => { return this.owner; }
};
或者
var chopper = {
owner: 'John',
getOwner: () => (this.owner)
};
我收到一条错误消息，提示该方法无权访问this. 这只是一个语法问题，还是不能在 ES6 对象中使用粗箭头方法？
箭头函数并非设计为在所有情况下都仅用作旧式函数的较短版本。它们不打算使用function关键字替换函数语法。箭头函数最常见的用例是不重新定义的短“lambdas” this，通常在将函数作为回调传递给某个函数时使用。
箭头函数不能用于编写对象方法，因为正如您所发现的，由于箭头函数关闭this词法封闭上下文的 ，this箭头内的 是您定义对象的当前位置。也就是说：
// Whatever `this` is here...
var chopper = {
owner: 'Zed',
getOwner: () => {
return this.owner; // ...is what `this` is here.
}
};
在您的情况下，想要在对象上编写方法，您应该简单地使用传统function语法，或 ES6 中引入的方法语法：
var chopper = {
owner: 'Zed',
getOwner: function() {
return this.owner;
}
};
// or
var chopper = {
owner: 'Zed',
getOwner() {
return this.owner;
}
};
（它们之间存在细微差别，但它们仅在您使用superin时才重要getOwner，您不是，或者如果您复制getOwner到另一个对象。）
在 es6 邮件列表上有一些关于箭头函数的扭曲的争论，这些函数具有相似的语法但有自己的this. 然而，这个提议并不受欢迎，因为它只是语法糖，允许人们节省输入几个字符，并且没有提供比现有函数语法更多的新功能。请参阅主题未绑定箭头函数。
在这一行getOwner: () => this.owner应该是：
var chopper = {
owner: 'John',
getOwner: () => this.owner
}; //here `this` refers to `window` object.
您必须声明this为一个函数：
var chopper = {
owner: 'John',
getOwner() { return this.owner }
};
或者：
var chopperFn = function(){
this.setOwner = (name) => this.owner = name;
Object.assign(this,{
owner: 'Jhon',
getOwner: () => this.owner,
})
}
var chopper = new chopperFn();
console.log(chopper.getOwner());
chopper.setOwner('Spiderman');
console.log(chopper.getOwner());如果您必须使用箭头功能，您可以更改this为chopper，
var chopper = {
owner: "John",
getOwner: () => chopper.owner
};
虽然这不是最佳实践，但是当您更改对象名称时，您必须更改此箭头函数。
我遵循的使用箭头函数的快速提示。
object.method()语法的方法。（这些函数会this从调用者那里获得有意义的值。）另一个提示，在严格模式下，this仍然指的是 Window 而不是 undefined。
(() => {
"use strict";
console.log(this); // window
})();
(function () {
"use strict";
console.log(this); // undefined
})();