zoukankan      html  css  js  c++  java
  • 闭包

    定义

    定义:函数 A 返回了一个函数 B,并且函数 B 中使用了函数 A 的变量,函数 B 就被称为闭包。

    function A() {
      let a = 1
      function B() {
          console.log(a)
      }
      return B
    }
    

    你是否会疑惑,为什么函数 A 已经弹出调用栈了,为什么函数 B 还能引用到函数 A 中的变量。因为函数 A 中的变量这时候是存储在堆上的。现在的 JS 引擎可以通过逃逸分析辨别出哪些变量需要存储在堆上,哪些需要存储在栈上。

    DEMO

    循环中使用闭包解决 var 定义函数的问题

    for ( var i=1; i<=5; i++) {
    	setTimeout( function timer() {
    		console.log( i );
    	}, i*1000 );
    }
    

    首先因为 setTimeout 是个异步函数,所有会先把循环全部执行完毕,这时候 i 就是 6 了,所以会输出一堆 6。

    使用闭包解决

    for (var i = 1; i <= 5; i++) {
      (function(j) {
        setTimeout(function timer() {
          console.log(j);
        }, j * 1000);
      })(i);
    }
    

    使用 setTimeout 的第三个参数解决

    for ( var i=1; i<=5; i++) {
    	setTimeout( function timer(j) {
    		console.log( j );
    	}, i*1000, i);
    }
    

    使用 let 解决

    { // 形成块级作用域
      let i = 0
      {
        let ii = i
        setTimeout( function timer() {
            console.log( ii );
        }, i*1000 );
      }
      i++
      {
        let ii = i
      }
      i++
      {
        let ii = i
      }
      ...
    }
    
  • 相关阅读:
    1
    vim配置
    pyspark
    添加底部小火箭+目录
    00
    博客园代码高亮设置
    01. 枚举类型
    01. 授权问题
    Android Studio打包签名全过程
    linux 阿里云源地址
  • 原文地址:https://www.cnblogs.com/guangzan/p/11270601.html
Copyright © 2011-2022 走看看