为什么 window.location.reload 需要包装在 function(){} 中？

Question

我已经编写了一些代码来向页面添加一个按钮：

var myButt = document.createElement('button');
myButt.onclick = window.location.reload;
myButt.innerText = 'Reload';

document.body.appendChild(myButt);

但是它会抛出一个错误：

TypeError：类型错误

将其包装在一个函数中可以解决问题：

myButt.onclick = function(){ window.location.reload(); };

但我的问题是为什么前者不起作用？

执行air.trace(typeof(window.location.reload)); 输出function。

来自高级用户的An answer 建议它应该是可能的。肯定更简洁。

我正在运行 Adob​​e AIR 3.6（运行 Webkit），如果这有影响的话。

Answer 1

this 值在这样使用时不正确。
this 原来是 myButt，而您需要它是 window.location。

要解决这个问题(hehe)，要么像你做的那样包装它，要么给它绑定一个新的this 值：

myButt.onclick = window.location.reload.bind(window.location);

我刚刚测试过，它可以在 Firefox 23.0.1 上运行。

---

为了将来参考，他使用的是here找到的Function.prototype.bind兼容性代码。

使用我上面的代码，他得到了错误

TypeError：在具有无效原型的对象上调用了 instanceof 属性

为了解决这个问题，我将该兼容性代码的第 18 行更改为以下内容：

fNOP.prototype = this.prototype || {};

这是为了将原型设置为空白对象，因为window.location.reload 自然没有原型。