window.history.back非法调用

Question

为什么我能做到这一点：

$("button").on('click', function(){window.history.back();});

但是，当我尝试;

$("button").on('click', window.history.back);
/*or*/ $("button").on('click', history.back);

我明白了：

未捕获的TypeError：非法调用
在HTMLAnchorElement.dispatch（jquery-1.12.4.js：5226）
在HTMLAnchorElement.elemData.handle（jquery-1.12.4.js：4878）

我的印象是，当没有保留上下文时，它默认为window对象，这样我可以这样做吗？

Answer 1

首先，必须使用history作为上下文调用history.back() ，如果默认为window ，则会抛出您描述的错误。 这里的问题是jQuery使用绑定了事件侦听器的元素调用处理程序。

您的第一行代码可以正常工作，因为上下文与您作为处理程序传递的匿名函数无关。 jQuery将元素设置为上下文这一事实无关紧要，因为您在其中正确调用了history.back() 。

Answer 2

您的工作代码调用history.back() ：

... window.history.back(); ...

它将back()作为history对象的方法调用，这只是意味着在back函数内部， this是对history的引用。

非工作代码获取对back函数的引用：

... window.history.back ...

然后将引用传递给jQuery的.on()方法。

jQuery的调用函数后响应click事件， this被设置为来电的时间。 jQuery this设置为接收事件的DOM元素。

因此，当back()函数的实现引用this期望它是history对象时，它会得到错误的东西。

通常，当您希望事件侦听器调用您未编写的函数时，最好将调用包装在您自己的函数中，就像在第一个示例中一样。

Answer 3

window的history属性只引用History接口，只能全局调用。

失败的方法使用元素上下文，该上下文没有history属性。