JS中括号的用法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

转自：http://blog.csdn.net/hongmin118/article/details/4584023

我们在一些JS代码中经常可以看到这样的用法：
(function(){})();
那这些括号是做什么用的呢？
下面我们来测试一下就知道了

(function(){alert('zol');});
运行后，没有反映（相当于第一函数）

(function(){alert('zol');})();
运行后，弹出 zol

(function(){alert('zol');})(alert('wiki'));
运行后，先弹出wiki,再弹出zol

(function(){alert('zol');})(alert('wiki'););
出错，什么也不运行。

我们从第二个可以看出，第一个括号中的匿名函数执行了，说明第二个括号是用于执行操作，这和我们调用函数的用法一样，比如定义了一个function a(){};我们调用a这个函数是 a();那么a就和这个例子中的第一个括号代表的意思相同，是一个函数体，只是没有名字，我们也叫他匿名函数。
第三个代码中先弹wiki，说明alert('wiki')是先执行，这个是做为第一个括号的函数的参数来运行了,如果给参数后加分号，当然就出错了，所以第四个代码就不运行了。

==================华丽的分隔符========================================

转自：http://segmentfault.com/q/1010000000117476

一般看JQuery插件里的写法是这样的

(function($) {
//...
})(jQuery);

今天看到bootstrap的javascript组件是这样写的

!function( $ ){
//...
}( window.jQuery );

为什么要在前面加一个 " ! " 呢？

我们都知道，函数的声明方式有这两种

function fnA(){alert('msg');}//定义函数
var fnB = function(){alert('msg');}//匿名函数

楼主问题中出现的两个函数，都是匿名函数。通常，我们调用一个方法的方式就是 FunctionName()

但是，如果我们尝试为一个“定义函数”末尾加上()，解析器是无法理解的。

function msg(){
alert('message');
}();//解析器是无法理解的