Question

偶尔我们会有一个页面需要一些页面特定的Javascript功能。我将创建一个名为myPageName.js的javascript文件。

我的问题是人们如何组织他们的顶级职能。我目前有15个以上的顶级功能，如此

function function1 (containerElement) {
    ...do function1;
}

function function2(slotActionButton) {
    ...do function2;
}

function function3(slotId) {
    ...do function3
}

这似乎是错误的，我只是在污染全局命名空间。我正在使用jQuery。人们的想法是什么？

TIA

Pat Long

Answer 1

我尝试命名我能做的一切！

你的顶级函数可以进入命名空间吗？也许是这样的：

var myApp = {};

myApp.function1 = function(containerElement){
...
}
myApp.function2 = function(containerElement){
...
}
.
.
.

等

Answer 2

我喜欢在我的所有项目中使用名称空间，例如......

// Define namespace
var myNs = {};

myNs.web = {
   function1 = function(attr, attr1) {

   },
   function2 = function() {

   }
}

myNs.otherStuff = {
   function1 = function(attr, attr1) {

   },
   function2 = function() {

   }
}

Answer 3

See namespaces

在Javascript文件中组织顶级函数

3 个答案: