javascript-立即执行函数

含义

成为立即执行函数的条件

• 声明一个匿名函数
• 立马调用这个匿名函数

作用

目的是创建一个独立的作用域.让外部无法访问作用域内部的变量。避免变量污染。

定于在函数内部的变量在外部是访问不到的。
换句话说，使用let,const 声明的变量，在块内部才能访问到。这里的块指的是({})

示例

声明一个立即执行函数

(function() {alert('立即执行函数')})() 

// 传递参数
(function(i) {
    ...
})(j)
1
2
3
4
5
6

使用一个立即执行函数：

使用立即执行函数，给每个li创建一个独立的作用域，在立即执行函数执行的时候，i的值从0到2，对应三个立即执行函数，所以就能正常输出了。

var list = document.getElementById("list");
    var li = list.children;
    for(var i = 0 ;i<li.length;i++){
      (function(j) {li[j].onclick=function(){
        alert(j);  // 结果是0，1，2
      }})(i)
    }

1
2
3
4
5
6
7
8

用ES6的块级作用域来解决上面的问题

var list = document.getElementById("list");
var li = list.children;
for(let i = 0 ;i<li.length;i++){
  li[i].onclick=function(){
    alert(i);  // 结果是0，1，2
    }
}
1
2
3
4
5
6
7

使用场景

● 将代码包裹在它的局部作用域中，不会让任何变量泄漏成全局变量。
● 改变变量的作用域（创建一个独立的作用域）。
● 封装临时变量。