代码如下:
// 弹窗定义
;(function($) {
var myComponent = {
module: {/*....这还有很多代码....*/},
showDialog: function(a,b) {/*....这还有很多代码....*/}
};
window.myComponent = myComponent;
})(window.jQuery);
// 打开弹窗
myComponent.showDialog(test.tit,test.cont);
我调试了,能跑通,我看不懂的地方是:
;(function($) {...})(window.jQuery); ------这是要干嘛?
window.myComponent = myComponent;这样用的目的是什么?
因为
$
是jQuery
的一个简写,但一个符号太容易命名冲突,有些时候是不可用的。为了保证在这段代码里$
可用,它把代码放进了一个函数里,通过传参给jQuery
改了个名叫$
,仅在这个函数内有效。因为
myComponent
所处的作用域是在上个问题中所说的函数体内,外界无法访问。把myComponent
赋给window
可以让myComponent
全局可用。
问题 1 解释不够清楚的话还可以参考 Protecting the alias and adding scope 或是我今天刚照着它撸的文章的这部分