立即调用函数表达式其实就是函数的调用而已,只不过是立刻执行。
立即调用函数表达式与闭包还是不同概念的,很多人都会弄混,以为没有函数名就是闭包,闭包加个括号括起来就是立即调用,虽然…我也曾经这样认为。
立即调用函数表达式一般在3种情况下运用:
1.立刻执行的函数(注意:此函数因为立刻执行,所以只能执行一次,不能反复调用)
2.防止命名冲突,解决命名空间和变量污染的问题。
3.创建闭包,保存状态,隔离作用域
上代码~~
1.立刻执行的函数
<script type="text/javascript">
(function(a) { //常见写法
alert(a)
})(0);
(function(a){
alert(a)
}(0));
(function text1(b) {
alert(b);
})(1);
function text2(c) { //不报错但是js不会解析(),只解析函数声明
alert(c);
}(2);
text2("2_1"); //弹出2_1
var text3 = function(d){ //成功,立即调用
alert(d);
}(3);
function(e) { //报错,语法错误,虽然匿名函数属于函数表达式,但是未进行赋值操作
alert(e); //所以javascript引擎将开头的function关键字当做函数声明,报错:要求需要一个函数名
}(4);
</script>
那么,为什么同样是匿名函数(function(){…}())能成功但function(){…}()就报错呢,现在看来是因为强制把(function(){…})里的当成了函数表达式而不是函数声明。为什么要创建这样的一个外层包裹,其原理又是如何?这里要区分2个概念一个是匿名函数,一个是自执行。顾名思义,匿名函数,就是没有函数名的函数,也就是不存在外部引用。将匿名函数用()包裹起来,后面再加上可包含参数列表的(),那么就能将我们的表达式组合分块,并会有一个返回值。所以当我们用()把匿名函数包裹起来的时候,()返回的就是一个Function对象。
2.防止命名冲突
平时我们开发时都会引用各种插件,不可避免的肯定会有命名冲突。常见是使用匿名函数将包含脚本,让变量的作用域控制在匿名函数里面。
3.创建闭包,保存状态,隔离作用域
经典面试问题,for循环取i
for(var i=0;i<10;i++) {
$(".btn"+i).click(function() {
alert(i)
})
}
原本是想按第一个按钮的话就弹出1,按第二个就弹出2,但是发现无论是按第几个按钮,弹出的都是10。因为执行到alert这行代码的时候,在他的函数作用域中没有声明i这个变量,所以往他的父级找,但是父级的i已经遍历完了,所以i=10。如果想解决这个问题,就可以用匿名函数和立即调用函数表达式来解决。
for(var i=0;i<10;i++) {
(function(i) {
$(".btn"+i).click(function() {
alert(i);
})
})(i);
}
下期来谈谈闭包问题……