基於前端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模塊規範整體說明