闭包、循环setTimeout、立即执行函数

时间:2021-12-24 22:45:30

// 函数闭包
/*
*闭包函数是指有权访问另一个函数作用域中的变量的函数,
* 创建闭包函数最常见的方式是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量
* 闭包的特点:1函数嵌套函数,
* 2 函数内部可以引用外部的参数和变量
* 3 参数和变量不会被垃圾回收机制回收
* 闭包的优点:1 希望一个变量长期驻扎在内存中
* 2 避免全局变量的污染
* 3 私有变量存在
* 闭包的实现 1:函数嵌套函数
* 2 外层函数返回内层函数
* 3 外面有一全局变量接受外层函数
* */

function fun1() {
    var sum=0;
    function fun2() {
        sum++;
        return sum
    }
    return fun2
}
var s=fun1();
console.log(s());
console.log(s());
console.log(s());
s=null;
console.log(s);

执行结果:

闭包、循环setTimeout、立即执行函数

回调函数也是闭包

 

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

执行结果:

闭包、循环setTimeout、立即执行函数

每一秒打印一个6,setTimeout是异步的,for循环出6个setTimeout,等所有同步执行之后,在执行setTimeout里面的内容,此时全局的i已经变成了6

要得到预期效果,每一秒打印一个i,可以使用闭包立即执行函数。也可以把var改成let,利用es6块作用域

立即执行函数:让函数成函数表达式

要想立即执行函数能做到立即执行,要注意两点,一是函数体后面要有小括号(),二是函数体必须是函数表达式而不能是函数声明。

()!=  + - void 都可以使函数成为立即执行函数

(function(test){
  console.log("test=",test)
})(1)
!function(test){
  console.log("test=",test)
}(2)
+function(test){
  console.log("test=",test)
}(3)
-function(test){
  console.log("test=",test)
}(4)
let fn=function(test){
  console.log("test=",test)
}(5)
void function(test){
  console.log("test=",test)
}(6)