关于此代码需要 jQuery 解释

Question

我最近阅读了有关最佳实践的 jQuery 教程。我通常从一个名为 global 的 js 文件运行所有函数，但文章建议不要这样做。下面是应该与内联 JavaScript 一起使用的代码，在需要该功能的页面上调用:

<script type="text/javascript>
mylib.article.init();
</script>

我不明白的是下面的代码。该教程没有涉及任何细节；它在做什么？

var mylib =
{
    article_page :
    {
        init : function()
        {
            // Article page specific jQuery functions.
        }
    },
    traffic_light :
    {
        init : function()
        {
            // Traffic light specific jQuery functions.
        }
    }
}

Answer 1

基本上，您正在设置一个 namespace “mylib”，所有自定义代码都驻留在其中。

您不需要所有全局变量的原因是它们可能会被其他包含的库覆盖或重新分配，而您甚至不知道它发生了。

您将拥有一个本质上名为“mylib.count”的变量，而不是一个名为“count”的变量，该变量不太可能存在于其他地方。

在您提供的代码中，您将通过调用“mylib.article_page.init()”来初始化文章页面。您还可以执行以下操作:

with (mylib){
  article_page.init()
}