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 || {})