首页 > 其他 > 详细

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

时间:2019-02-12 15:22:05      阅读:175      评论:0      收藏:0      [点我收藏+]

// 函数闭包
/*
*闭包函数是指有权访问另一个函数作用域中的变量的函数,
* 创建闭包函数最常见的方式是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量
* 闭包的特点: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);

执行结果:

技术分享图片

回调函数也是闭包

 

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

执行结果:

技术分享图片

每一秒打印一个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)

  

  

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

原文:https://www.cnblogs.com/sisi2020/p/10365185.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!