js闭包详谈

墨蓝 2023-07-10 11:21 1阅读 0赞

# js闭包详谈 #

闭包的定义很简单：函数 A 返回了一个函数 B，并且函数 B 中使用了函数 A 的变量，函数 B 就被称为闭包。

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

循环中使用闭包解决 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` 定义 `i` 了

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

因为对于 `let` 来说，他会创建一个块级作用域，相当于

{  // 形成块级作用域
      let i = 0
      { 
        let ii = i
        setTimeout( function timer() { 
            console.log( i );
        }, i*1000 );
      }
      i++
      { 
        let ii = i
      }
      i++
      { 
        let ii = i
      }
      ...
    }

[个人博客地址][Link 1]可以看一看

[Link 1]: https://caoduoya.github.io/

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 js闭包详谈

js闭包详谈闭包的定义很简单：函数 A 返回了一个函数 B，并且函数 B 中使用了函数 A 的变量，函数 B 就被称为闭包。 function A() {

墨蓝/ 2023年07月10日 11:21/ 0 赞/ 2 阅读

相关 js闭包

所谓闭包，就是变量从外部开始，到达父函数体，然后再从父函数体内的函数（子函数）返回到父函数体，简单一句话概括：函数外部调用函数内部的变量。通过下面的代码给出结果，解释一

朱雀/ 2022年08月13日 14:00/ 0 赞/ 220 阅读

相关 js闭包

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascri

Myth丶恋晨/ 2022年07月27日 16:38/ 0 赞/ 116 阅读

相关 JS——闭包

//在函数外部读取函数内部的变量 function c(){ var a=1000; function x(){

以你之姓@/ 2022年06月04日 09:48/ 0 赞/ 248 阅读

相关 JS闭包

JS闭包写在闭包之前：上下文（context）是一段程序运行所需要的最小数据集合。我们可以从上下文交换（context switch）来理解上下文，在多进程或多线

一时失言乱红尘/ 2022年05月25日 02:05/ 0 赞/ 271 阅读

相关 js闭包

闭包指的是：能够访问另一个函数作用域的变量的函数。清晰的讲：闭包就是一个函数，这个函数能够访问其他函数的作用域中的变量。闭包就是将函数内部和函数外部连接起来的一座桥

偏执的太偏执、/ 2022年03月09日 01:36/ 0 赞/ 347 阅读

相关 js--闭包

前言前一篇博客是介绍的作用域与作用域链，已经开始了JavaScript高级部分的学习，那么这篇博客简单的介绍一下js的闭包。内容所谓闭包就是函数函数作

本是古典何须时尚/ 2021年09月27日 04:24/ 0 赞/ 461 阅读

相关 js 闭包

闭包 > 闭包就是能够读取其他函数内部变量的函数。闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。 ![6587

╰半夏微凉°/ 2021年09月10日 07:52/ 0 赞/ 443 阅读

相关 js 闭包

<html> <head> <title>闭包</title> <meta charset="utf-8">

梦里梦外;/ 2021年08月28日 01:13/ 0 赞/ 451 阅读

相关 js闭包

Js语言在函数内部可以直接读取全局变量，但函数外部无法读取函数内的局部变量 <script type="text/javascript"> var n=100

朱雀/ 2021年06月24日 16:00/ 0 赞/ 477 阅读