基于前端Js模块化规范的粗浅应用

前言

• 之前做项目时，由于刚起步，所以很多同事在Js的规范上写的很凌乱。又刚好自己在慕课网上接触了Js模块化的概念，顿时觉得怎么会有这么规范的写法。所以特别写篇博客，记录下。

Js架构如下

整个JS架构如图

   var JsName = {

        //这里统一管理初始化的方法
        init:function(){

            //调用当前js的内部类方法时，如下
            JsName.class1.funtion1();

            //形式为JsName+方法名,如
            JsName.modual
        },

        //方法1，可以自定义方法
        modual:function(){
            //
        },

        //内部类1
        class1:{
            funtion1:function(){

            }
        }

   }

具体实现·

var JsName = {
    //这里统一管理初始化的方法
    init:function(){

    },

   //存放当前js涉及到的url
    url:{

       url1:function(){
            return 'url';
       },

       .........

        //其余自己按当前页面需求添加
    },

    .........

    //其余自己按当前页面需求添加
   }

tips

• 一定在调用的jsp页面底部调用该JS的init 初始化方法

Js模块规范整体说明