首页 > 代码库 > JS模块与命名空间的介绍二

JS模块与命名空间的介绍二

 

区别一:

技术分享

技术分享

区别二:

技术分享

技术分享

区别三

技术分享

技术分享

区别四:

技术分享

要看明白上面代码首先要了解一下“立即执行函数”(江湖人是这么称呼的)的技巧结构类似这样

代码如下:


(function xxx(){

       //function body

 })();

这样写xxx函数就可以在定义完后自动执行,看起来神奇,其实上面写法可以拆成这样

代码如下:


function xxx(){

       //function body

 }

xxx();

就是定义一个函数,然后使用括号语法调用,而函数定义外面的一层括号只起到将函数声明转为函数定义表达式,因为只有表达式才可以使用括号调用。看明白这些 妖蛾子之后上面代码就简单了,在自定义namespace函数最后把this赋值为window的NS属性,在调用的时候直接使用NS.xx就可以了。看 起来好了很多。

技术分享

技术分享

JS模块与命名空间的介绍二