关于范围的问题 - jQuery

Question

我有这个函数，它具有这段代码（为了简洁而编辑）：

(function ($) {

    // mouseenter event for each menu item
    $menuItems.bind('mouseenter', function (e) {});

})(jQuery);

我想做的是从其他函数中的这个函数访问 $menuItems 。

例如：

$("#products a").click(function(){
    $menuItems.unbind("mouseenter");
});

我认为这是一个范围问题？

我不确定该怎么做？

Answer 1

第三种选择：

(function ($) {

    var $menuItems = /* whatever */;

    $menuItems.bind('mouseenter', function (e) {});

    // "export" the variable
    window.$menuItems = $menuItems;
})(jQuery);

Answer 2

在您的代码之前添加

var $menuItems

它应该可以工作。顺便说一句，你的代码中有解析错误，你丢失了

});

（所以它看起来像）

(function ($) {

    // mouseenter event for each menu item
    $menuItems.bind('mouseenter', function (e) {
         //something
    });
})(jQuery);

Answer 3

您必须在全局命名空间中声明 $menuItems，字面意思如下：

<script type="text/javascript">
    var $menuItems = something;
</script>

您的 IDE 可能会抱怨 $menuItems 未定义，但对于 javascript 来说它会定义。

就作用域而言，如果您有一个函数或匿名方法，并且里面有这样一行：

var myVar = SomethingElse;

那么作用域定义 myVar 是只有该函数或方法内的其他任何东西都知道。

如果您将声明放在函数体之外，那么它将可用于任何可用的函数/方法。
至于最佳实践，这可能并不总是一件好事，它类似于使用全局变量并听取 comp.sci 教授的意见，但如果您知道代码的范围并且对命名约定很敏感，那么您的名字就不会被忽略。和其他东西不冲突，一般都可以。