jquery - 一段“组件化示例”中的一个语法我看不懂

问题描述

问 题

代码如下：

// 弹窗定义
;(function($) {
    var myComponent = {
        module: {/*....这还有很多代码....*/},
        showDialog: function(a,b) {/*....这还有很多代码....*/}
    };
    window.myComponent = myComponent;
})(window.jQuery);

// 打开弹窗
myComponent.showDialog(test.tit,test.cont);

我调试了，能跑通，我看不懂的地方是：

1. ;(function($) {...})(window.jQuery); ------这是要干嘛？

2. window.myComponent = myComponent;这样用的目的是什么？

解决方案

1. 因为$是jQuery的一个简写，但一个符号太容易命名冲突，有些时候是不可用的。为了保证在这段代码里$可用，它把代码放进了一个函数里，通过传参给jQuery改了个名叫$，仅在这个函数内有效。

2. 因为myComponent所处的作用域是在上个问题中所说的函数体内，外界无法访问。把myComponent赋给window可以让myComponent全局可用。

问题 1 解释不够清楚的话还可以参考 Protecting the alias and adding scope 或是我今天刚照着它撸的文章的这部分

这篇关于jquery - 一段“组件化示例”中的一个语法我看不懂的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！