javascript立即执行函数的两种写法

两种写法看下面：

// 第一种括号写法
(function (m) { console.log(m)})('haha')
// 用es5新写法可以：
(m => console.log(m))('haha')


// 第二种叹号写法
!function (m) {console.log(m)}('haha')

既然说到立即执行函数了，那么在唠叨一下闭包。通常用立即执行函数是用在闭包场景下的。

for (var i = 0; i < 3; i++) {
  setTimeout(function () {console.log(i)}, 2000)
}

这样的代码肯定只输出同样的值2.
解决方法就是用立即执行函数创造闭包：

for (var i = 0; i < 3; i++) {
  (function (i) {setTimeout(function () {console.log( i)}, 2000)})(i)
}

// 或者
for (var i = 0; i < 3; i++) {
  !function (i) {setTimeout(function () {console.log( i)}, 2000)}(i)
}

顺便提一下，这里还有有一个trick：

for (var i = 0; i < 3; i++) {
  setTimeout(function () {console.log.bind(null, i)}, 2000)
}

这里利用了bind函数返回一个新的函数这个特性。每生产一个新的函数相当于一个闭包。

最后，使用 es5 新语法，新关键字let

for (let i = 0; i < 3; i++) {
  setTimeout(function () {console.log(i)}, 2000)
}

let关键字釜底抽薪，直接解决了var声明变量的全局作用域带来的问题。let关键字定义的变量只是块级的（大括号就是一个块级作用域）。