如何组织前端javascript代码

来源:互联网 发布:淘宝秋季女装新款 编辑:程序博客网 时间:2024/06/09 14:25
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.提高 - 模块化版:
define();
require();

0 0
原创粉丝点击