Javascript：函数名称自动完成

Question

自从对 FireFox en Chrome 进行了几次更新后，我的某个功能似乎不再起作用（在 JavaScript 中）。该函数的名称是自动完成的，例如：

function autocomplete() {
    alert("autocomplete!");
}

显然浏览器不再喜欢这个函数名了，因为函数调用被忽略了。我尝试将其重写为以下内容：

var autocomplete = function() {
    alert("autocomplete!");
};

但这对我没有帮助。不过改名字就好了。但我不想在使用它的任何地方更改名称。你们中的任何人都有解决方案吗？

编辑： 用法在以下小提琴中演示：http://jsfiddle.net/P43xs/ 我正在尝试通过事件触发该功能。

Answer 1

解决方案：

onclick="autocomplete();"  // --> does not work

onclick="window.autocomplete();" // --> works

因此，在调用自动​​完成功能时，只需将其范围限定为窗口，然后它就会工作并显示警报（在您的小提琴中尝试过）

原因：

输入元素有一个名为“自动完成”的属性，所以当你提到 onclick="autocomplete();"，在内部它评估为autocomplete===this.autocomplete，因此什么也不做。 （当前上下文中的“this”是输入元素）。

因此，当您将其范围限定为 window.autocomplete() 时，它会指向您定义的自动完成功能。

Answer 2

我可以在 Chrome 35 中重现这一点。

我用解决方法创建了第二个小提琴：http://jsfiddle.net/5m7UD/1/

<input type="button" onclick="autocomplete();" value="Click me!" />
<input type="button" onclick="whatever();" value="Me too please!" />
<input type="button" id="id1" value="Second attempt" />

使用此脚本：

console.log(autocomplete)

function autocomplete() {
    alert("This doesn't work, only in IE compatible mode or other, lder browsers :(");
}

function whatever() {
    alert("This works, obviously...");
    eval("console.log(autocomplete.toString())");
}

document.getElementById('id1').onclick = autocomplete;

最后一行有效。有趣的是，尽管我在运行此脚本时在控制台中看到 undefined 并且 eval 打印上面定义的函数的主体，但第一个输入按钮不起作用。

（我使用eval 来确保代码不能简单地保留对原始函数的引用）。

当我运行代码并单击按钮时，我在控制台中看到此错误：Uncaught TypeError: string is not a function 在定义按钮的行（即onclick="autocomplete();"），所以它真的不喜欢 HTML .