概述
自执行函数又被称为立即调用函数,顾名思义,就是可以函数声明后可以立即被执行,我们在读常用js库(如jquery)源码时,经常会发现自执行函数的身影,下面说下我的理解。
写法
自执行函数有两种写法:
第一种写法比较常见:
(function (){
console.log("方法1");
})();
第二种写法是jslint推荐的写法,看上去比较有整体性:
(function (){
console.log("方法2");
}());
上述两段代码执行时都会立即输出结果。
作用
自执行函数出现有两个作用:
- 页面加载时需要做一些设置工作,如初始化操作,这些工作没必要重复执行,因此不需要一个有名字的复用函数
- 做这些工作有时需要用到一些变量,这些变量不能污染全局作用域
如下例:我们想实现一个功能,当用户进入页面时,给予用户友好提示,首先,我们想到声明一个方法。
function showMessage(){
var message = "Welcome";
alert(message);
}
后来,我们发现这个方法只需要执行一次,于是我们去掉方法,直接在js中写:
var message = "Welcome";
alert(message);
此时我们发现在以后的代码中如果想要声明另一个message,就不得不考虑前边已经有一个message的问题,因此我们可以写成自执行函数,代码如下:
(function (){
var message = "Welcome";
alert(message);
})();
这就起到了只执行一次并且隔离作用域的作用。