組織最高級別的功能文件

Question

Occasionaly我們將有一些需要特定網頁JavaScript功能的頁面。我將創建一個名爲myPageName.js的JavaScript文件。

我的問題是人們如何安排自己的頂級功能。我現在有這樣的

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

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

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

定義15+頂級功能，這似乎是錯誤的，我只是污染全局命名空間。我正在使用jQuery。人們的想法是什麼？

TIA

帕特龍

Answer 1

See namespaces

Answer 2

我嘗試命名空間盡我所能！

你的頂級功能可以在太對了命名空間去？也許是這樣的：

var myApp = {}; 

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

等

Answer 3

我喜歡用的命名空間在我所有的項目，例如...

// Define namespace 
var myNs = {}; 

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

    }, 
    function2 = function() { 

    } 
} 

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

    }, 
    function2 = function() { 

    } 
}