js高级-模块化演变

function demo(){

  var a = b = c = 9;  // b,c全局变量 a局部变量

}

demo();

console.log(b)

命名空间

var Shop = {}  //顶层命名空间

Shop.user = {}  //用户模块

自执行函数

(function(){

  window.shop = {};

  window.shop.user = {};

})()

//把自己基类的很多工具封装一个整体框架  btn form animate  没有组件库之前都是这么操作 都组装到kj这个库  后来继续演变 sea.js 第三方库 

// kj.btn.js

(function(window){

  if(!window.kj){

   window.kj = {}; 

  }

  window.kj.Btn = {  //封装了btn组件

    getVal:function(){

      console.log('val')

    },

    setVal:function(str){

      console.log('setval')

    }

  }

})(window || {})

//动画组件

//kj.animate.js

(function(window){

  if(!window.kj){

   window.kj = {}; 

  }

  window.kj.animate = {};

})(window || {})

//form组件

//kj.form.js

(function(window){

  if(!window.kj){

   window.kj = {}; 

  }

  window.kj.form = {};

})(window || {})

猜你喜欢

转载自www.cnblogs.com/suanmei/p/9115261.html