[JavaScript]js单线程，闭包，以及如何处理闭包带来的一些影响

r囧r小猫 2022-11-27 03:10 31阅读 0赞

![在这里插入图片描述][20200813104558956.png_pic_center]

<table> 
 <thead> 
  <tr> 
   <th>时间</th> 
   <th>输出</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>第0秒</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>第1秒</td> 
   <td>3</td> 
  </tr> 
  <tr> 
   <td>第2秒</td> 
   <td>3</td> 
  </tr> 
 </tbody> 
</table>

原因：**js是单线程**（因为他是面向web的语言，比如防止用户同时触发删除和添加，如果是多线程会导致出现bug），setTimeout中的()=>\{\}会被加入任务队列，**js会先执行执行栈里的内容**（对于上面的函数来说就是三次循环完成setTimeout），**再执行任务队列**（setTimeout中的函数）。

**将var改为let，则输出结果为0 1 2秒分别输出0 1 2**

for(let i=0;i<3;i++){ 
        setTimeout(
            ()=>{ console.log(i);},1000*i
        )
    }

**应用场景**

目标：点击li输出对应的i

<body>
        <ul>
            <li>000</li>
            <li>111</li>
            <li>222</li>
        </ul>
    </body>
    <script>
        var lis = document.getElementsByTagName("li");
        for (var i = 0; i < 3; i++) { 
            lis[i].index = i;//将i赋值给lis[i].index保存到对象中
            lis[i].onclick = function () { 
                console.log(this.index);
            }
        }
        //或者将var i改为let i即可
        var lis = document.getElementsByTagName("li");
        for (let i = 0; i < 3; i++) { 
            lis[i].onclick = function () { 
                console.log(i);
            }
        }
    </script>

[20200813104558956.png_pic_center]: /images/20221124/199fc5e6e7b24ca9b9cbf1209169f686.png

发表评论取消回复

表情：

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

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

相关阅读

相关什么是闭包，以及闭包应用

变量的作用域复习变量根据作用域的不同分为两种：全局变量和局部变量。 1. 函数内部可以使用全局变量。 2. 函数外部不可以使用局部变量。 3. 当函数执行完毕，

布满荆棘的人生/ 2022年12月19日 06:22/ 0 赞/ 212 阅读

相关 [JavaScript]js单线程，闭包，以及如何处理闭包带来的一些影响

![在这里插入图片描述][20200813104558956.png_pic_center] <table> <thead> <tr> <th>时间</th

r囧r小猫/ 2022年11月27日 03:10/ 0 赞/ 32 阅读

相关闭包

1、定义：当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包 function A(){ var count = 0;

素颜马尾好姑娘i/ 2022年06月09日 09:20/ 0 赞/ 259 阅读

相关闭包

先来看一个题目例子，我将在下一环节出闭包讲解。。题目描述实现函数 makeClosures，调用之后满足如下条件： 1、返回一个函数数组 result，长度与

喜欢ヅ旅行/ 2022年06月04日 05:51/ 0 赞/ 255 阅读

相关闭包

写在前面 > 其实闭包这个词在很多的地方都听到过，以前看到说这是前端javascript这门语言的所具有的特点。当时不知所以然也没接触到对应的概念，现在遇到一个问题就是，

桃扇骨/ 2022年05月15日 03:14/ 0 赞/ 312 阅读

相关闭包

JS闭包 > 闭包是函数和声明该函数的词法环境的组合从本质上讲，闭包是外部函数和内部函数链接的桥梁；也就是在一个作用域中可以访问另一个作用域的变量，外部函数作用

朴灿烈づ我的快乐病毒、/ 2022年04月03日 15:54/ 0 赞/ 316 阅读

相关闭包

闭包 1. 函数引用 def test1(): print("--- in test1 func----") \调用函数 test1() \引用函数

桃扇骨/ 2022年02月20日 00:35/ 0 赞/ 331 阅读

相关闭包

在函数内定义个函数，并将函数作为结果返回。返回的函数可以调用外部函数的参数，如果该函数被执行，将返回已经结算出的值 <!DOCTYPE html> <html

古城微笑少年丶/ 2022年02月01日 09:01/ 0 赞/ 337 阅读

相关闭包

闭包：就是能够读取其他函数内部变量的函数或者说闭包就有权访问另一个函数作用域中的变量的函数。作用： 1.可以读取函数的变量 2.让这些变量的值始终保存在内存中 3

墨蓝/ 2021年10月01日 06:58/ 0 赞/ 471 阅读

相关闭包概念，闭包的场景？

闭包能够读取其他函数内部变量的函数例如在javascript中，只有函数内部的子函数才能读取[局部变量][Link 1]，所以闭包可以理解成“定义在一个[函数][Lin

野性酷女/ 2021年09月08日 07:16/ 0 赞/ 464 阅读