JavaScript中良好范围的方法

Question

我不是一个很好的JavaScript用户，但我可以用它完成任务。我对我用JavaScript编写的代码并不感到自豪，所以我决定改变它。这是我的第一步：

我想为一个项目创建我自己的库，下面是最初的结构。

window.fooLib = {}; 

(function (foo) { 
    "use strict"; 

    foo.doSomeStuff = function(param1) { 

     console.log(new AccommProperty(param1)); 
    } 

    //some internal function 
    function AccommProperty(nameValue) { 
     var _self = this; 
     _self.name = nameValue; 
    } 

}(fooLib)); 

我以前立即调用的函数表达式这里来初始化我的变量。在这种情况下，它是fooLib。

我不知道我是否应该做一些其他的事情，使window.fooLib更安全。我的意思是，如果我正确理解JavaScript，它可以被代码运行后的任何其他代码覆盖。

你的想法是什么？

Answer 1

如果要防止覆盖变量，可以使用Object.defineProperty()，其中可写：false，可配置：false。在你的情况下：

(function() { 
    "use strict"; 
    var foo = {}; 
    //some internal function 
    function AccommProperty(nameValue) { 
     var _self = this; 
     _self.name = nameValue; 
    } 
    foo.doSomeStuff = function(param1) { 

     console.log(new AccommProperty(param1)); 
    } 
    Object.defineProperty(window, "foolib", {value:foo}); 
}()); 

不过，这没有什么好的理由。它需要EcamScript 5.1才能工作，并且没有垫片;也许可以用getters/setter来防止覆盖=运营商。

但是，也不应该让你的图书馆不可覆盖。只是不要使用覆盖lib的代码。或者，也许有人甚至想用另一个更好的lib用相同的接口覆盖你的函数？

如果问题是关于要共享的库，可能与其他名称空间冲突，则可以查看jQuery.noConflict。

Answer 2

每个JavaScript对象都可以被重写。这是JavaScript的本质，不可能改变它。所以你不能在这个意义上使你的代码安全。

至于selfinvoked功能：你应该使用它们，当你想有局部变量，但viisible所有的功能。所以在你的情况下AccommProperty是这样的变量。在范围内定义doSomeStuff不会产生任何影响，除非doSomeStuff将使用范围内定义的变量。

所以当你想隐藏用户的变量和/或你需要全局变量而且你害怕名称冲突使用selfinvoked函数。

Answer 3

我不知道我是否应该做一些其他的事情，使window.fooLib更安全。我的意思是，如果我正确理解JavaScript，它可以被代码运行后的任何其他代码覆盖。

您可以尝试使window.fooLib为局部变量。使用closures and nested functions一个可以模拟一个命名空间，你可以把你所有的数据，而不是将其放入全局范围或将其连接到window对象：

(function() { 

    // all functions nested in foo() have access to fooLib. 
    fooLib = {} 

    fooLib.doSomeStuff = function(param1) { 
     console.log(param1); 
     console.log(fooLib); 
    } 

    //some internal function 
    function AccommProperty() { 
     console.log(fooLib); 
    } 

}()); 

详情请参阅Javascript Closures: Encapsulating Related Functionality。