代码之家  ›  专栏  ›  技术社区  ›  Pat Long - Munkii Yebee

在javascript文件中组织顶级函数

  •  1
  • Pat Long - Munkii Yebee  · 技术社区  · 15 年前

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

    我的问题是人们如何组织他们的顶级功能。我目前有15多个顶级函数定义如下

    function function1 (containerElement) {
        ...do function1;
    }
    
    function function2(slotActionButton) {
        ...do function2;
    }
    
    function function3(slotId) {
        ...do function3
    }
    

    这似乎是错误的,我只是在污染全局名称空间。我正在使用jquery。人们的想法是什么?

    短暂性脑缺血发作

    龙佩

    3 回复  |  直到 15 年前
        1
  •  0
  •   Community CDub    8 年前
        2
  •  3
  •   Lewis    15 年前

    我尽我所能给一切命名!

    您的顶级函数也可以放在命名空间中,对吗?可能是这样的:

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

    等。

        3
  •  2
  •   Mickel    15 年前

    我喜欢在所有项目中使用名称空间,例如…

    // Define namespace
    var myNs = {};
    
    myNs.web = {
       function1 = function(attr, attr1) {
    
       },
       function2 = function() {
    
       }
    }
    
    myNs.otherStuff = {
       function1 = function(attr, attr1) {
    
       },
       function2 = function() {
    
       }
    }