如何在 JavaScript 中声明命名空间？第三个参数undefined

javascript namespaces javascript-namespaces

2022-08-29 22:08:20

如何在 JavaScript 中创建命名空间，以便我的对象和函数不会被其他同名对象和函数覆盖？我使用了以下内容：

if (Foo == null || typeof(Foo) != "object") { var Foo = new Object();}

有没有一种更优雅或简洁的方法可以做到这一点？

答案 1

我使用在Enterprise jQuery网站上找到的方法：

下面是他们的示例，演示如何声明私有和公共属性和函数。一切都是作为一个自我执行的匿名函数完成的。

(function( skillet, $, undefined ) {
    //Private Property
    var isHot = true;

    //Public Property
    skillet.ingredient = "Bacon Strips";

    //Public Method
    skillet.fry = function() {
        var oliveOil;

        addItem( "\t\n Butter \n\t" );
        addItem( oliveOil );
        console.log( "Frying " + skillet.ingredient );
    };

    //Private Method
    function addItem( item ) {
        if ( item !== undefined ) {
            console.log( "Adding " + $.trim(item) );
        }
    }
}( window.skillet = window.skillet || {}, jQuery ));

因此，如果您想访问其中一个公共成员，您只需去或 .skillet.fry()skillet.ingredients

真正酷的是，您现在可以使用完全相同的语法扩展命名空间。

//Adding new Functionality to the skillet
(function( skillet, $, undefined ) {
    //Private Property
    var amountOfGrease = "1 Cup";

    //Public Method
    skillet.toString = function() {
        console.log( skillet.quantity + " " +
                     skillet.ingredient + " & " +
                     amountOfGrease + " of Grease" );
        console.log( isHot ? "Hot" : "Cold" );
    };
}( window.skillet = window.skillet || {}, jQuery ));

第三个参数`undefined`

第三，参数是值变量的源。我不确定它今天是否仍然相关，但是在使用较旧的浏览器/ JavaScript标准（ecmascript 5，javascript <1.8.5 ~ firefox 4）时，全局范围的变量是可写的，所以任何人都可以重写它的值。第三个参数（未传递值时）创建一个名为的变量，该变量的作用域为命名空间/函数。由于在创建命名空间时未传递任何值，因此缺省值为。undefinedundefinedundefinedundefinedundefined

答案 2

我喜欢这个：

var yourNamespace = {

    foo: function() {
    },

    bar: function() {
    }
};

...

yourNamespace.foo();