应该如何在小，中，大型应用开发中组织前端js代码？

最新推荐文章于 2024-04-25 17:20:39 发布

ForMyWebFrontSide

最新推荐文章于 2024-04-25 17:20:39 发布

阅读量643

点赞数

分类专栏： javascript

javascript 专栏收录该内容

111 篇文章 1 订阅

订阅专栏

时间有限，粗略写一下：

1.基础 - 函数版：

function a(){};
function b(){};

2.入门 - 字面量版：

var obj = {
    init : function(){
        this.a();
        this.b();
    },
    a : function(){},
    b : function(){}
}
// 在页面中调用obj.init();

3.进阶 - 命名空间版：

var hogo = {
    ns : function(){};
}

hogo.ns('hogo.wx', {
    init : function(){
        this.a();
        this.b();
    },
    a : function(){},
    b : function(){}
});
hogo.wx.init();

4.提高 - 模块化版：

 
 
  
  <button href="javascript:void(0);" _xhe_href="javascript:void(0);" class="copyCode btn btn-xs" data-clipboard-text="" define();"="" data-toggle="tooltip" data-placement="top" title="" style="overflow: visible; color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 12px; line-height: 1.5; font-family: inherit; margin: 0px 0px 0px 5px; cursor: pointer; vertical-align: middle; border: 1px solid transparent; white-space: nowrap; padding-right: 5px; padding-left: 5px; border-radius: 3px; -webkit-user-select: none; outline: 0px; background-image: none; background-color: rgba(0, 0, 0, 0.74902);">复制
  
  
 
 
define();
require();