如何防止 Javascript 中的全局名称空间污染，同时避免 YUICompressor 警告？

Question

我正在使用 YUICompressor 来压缩我的 jQuery 插件。最初，我收到很多警告“尝试只有一个 var 语句和每个函数一个 return”，因此我将所有声明放在顶部，如下例所示：

        $.fn.myWidget = function () {

            var function1, function2, function3

            function1 = function () {

                // Do stuff

            };

            function2 = function () {

                // Do stuff

            };

            // This will be a global function
            function3 = function () {

                // Do stuff

            };

        };

在较大的插件中，这成为代码维护的噩梦。

假设我添加了一个函数4，但我忘记添加变量声明添加顶部，现在我实际上是在全局窗口命名空间中创建一个变量。 如果该插件在页面上多次使用，则全局函数将被覆盖。

现在我正在运行以下脚本来检查全局名称空间污染，但我想知道是否有人有更好的解决方案

        for (var f in window) {
            if (window.hasOwnProperty(f)) {
                $("#debug").append(f + " " + " Type: " + typeof window[f] + "<br>");
            }
        }

Answer 1

我更喜欢以映射形式声明函数，它消除了将声明与代码分离的问题，即。

$.fn.myWidget = function () {

        var a, b, c, //internal vars
         myWidget = {
            function1: function () {

            // Do stuff

            },
            function2: function () {

            // Do stuff

            },
            function3: function () {

            // Do stuff

            }
        }

        return myWidget;

    };

为什么你的小部件中有一个全局函数？这不会违背小部件的目的吗？只需将其放在小部件的声明之外即可。
重读这个问题，是的，使用这种风格也可以消除意外创建全局函数的情况。

此外，jQuery DOC 提供了很多正确执行此操作的好建议