如何在setColor函数中访问并修改构造函数Obj的color属性？

嘿，问题出在你用了箭头函数作为原型方法！箭头函数的特性是不会绑定自己的this，它的this是继承自定义时的外层作用域——在这里就是全局作用域，所以你代码里的this.color其实是在修改全局对象的color属性，根本碰不到ball实例的color。

无需额外声明上下文变量的最优雅简洁解法，就是把setColor的箭头函数改成普通函数：

function Obj() { this.color = undefined; }
Obj.prototype.setColor = function() {
  for (var k = 0, hex = "0123456789ABCDEF", max = hex.length, random, color = ""; k < 6; ++k, random = Math.floor(Math.random() * max), color += hex[random]);
  this.color = "#" + color;
};
var ball = new Obj();
ball.setColor();
console.log(ball.color); // 现在会输出随机生成的十六进制颜色啦

为什么这能行？因为当你用普通函数作为原型方法时，调用ball.setColor()的时候，函数内部的this会自动绑定到调用它的实例（也就是ball），这样就能直接修改实例的color属性了——完全利用JavaScript本身的this绑定规则，不需要额外的变量或者绑定操作，简洁又符合语言设计。

内容的提问来源于stack exchange，提问作者carlos cerda diaz