Javascript 从没有全局作用域的元素事件中调用函数

Question

在外部加载的 javascript 文件中(使用 jQuery) 我有:

$(function() {
    function foo() {
        console.log("bar");
    }
}

但是在 HTML 中，当我尝试调用时:

<a onclick="foo()">Call foo</a>

这会破坏Uncaught ReferenceError: foo is not Defined。

是否可以将实际的函数调用保留在 HTML 中(在 a 标记上)并使其正常工作？

Answer 1

您可以将其附加到全局窗口对象:

$(function() {
    window.foo = function() {
        console.log("bar");
    }
}