立即执行函数

1、立即执行函数是什么

立即执行函数就是

1. 声明一个匿名函数
2. 马上调用这个函数

其语法格式：

（function（）｛
	alert（’我是匿名函数’）
｝）（）

那么是匿名函数，为何不能这样写呢，还必须要一对括号将其包裹起来？
其实目的是为了兼容js语法，我们不加一对小括号，写成如下形式：

function(){alert('我是匿名函数')}()

浏览器会报语法错误，想保证语法正确必须加些东西，有如下几种：

（function(){alert('我是匿名函数')}()）
（function(){alert('我是匿名函数')})()
!function(){alert('我是匿名函数')}()
+function(){alert('我是匿名函数')}()
－function(){alert('我是匿名函数')}()
void function(){alert('我是匿名函数')}()
new function(){alert('我是匿名函数')}()

2、立即执行函数作用

作用：创建一个独立的作用域，防止变量污染

3、实际应用

在for循环中用户点击面试题

var liList=ul.getElementByTagName('li')
for(var i=0;i<liList.length;i++){
	liList[i].onclick=function(){
		console.log(i)
	}
}

如果liList.length=6，我们的预期结果是0，1，2，3，4，5
运行结果：打印出6个6
在for循环中定时器面试题

for（var i=0;i<6;i++）{
	setTimeout(function(){
		console.log(i)
	},0)
}

我们的预期结果是0，1，2，3，4，5
运行结果：打印出6个6

为什么会导致这样的结果？
我们先简单介绍一下javascript的单线程机制，任务进行排队执行，只有当第一个任务执行完才可以执行下一个任务，若没有执行完，下一个任务只能等待，因此当遇到很大一个执行任务时，其他任务只能等着，将会大量耗时和占据进程。
为了解决这个，采取了与JAVA相似的多线程机制，分为了同步任务和异步任务，同步任务将会放到堆栈中按顺序执行，而异步任务会委托给宿主环境执行，当同步任务执行完之后，再去队列中取出一一执行

接下来分析代码：
代码1：==简单理解：==点击事件是在javascript代码执行完毕后
执行顺序从上到下，遇到for循环，它是同步任务先执行，遇到绑定点击事件也是同步任务对其一一进行绑定，再执行遇到function函数，这是一个异步任务，当点击时将会进入队列进行等待同步任务执行完毕再执行，因此同步任务执行完毕也就是for循环完成，此时的i=6，再执行function函数体内的console.log()打印都是i=6。