主页 / 问题 / 716239
Accepted
torokhkun
Asked:2020-09-09 16:22:12 +0000 UTC2020-09-09 16:22:12 +0000 UTC

for 循环中 let 和 var 之间的行为差​​异

  • 772

let循环计数器 through和through声明的区别在于var，varcounter 变量在函数中的循环外部可见，通过let- 仅在循环内部可见。请解释为什么在这些情况下会有不同的结论。

for(var i = 0; i < 10; i++) setTimeout(() => console.log(i), 1000)

在这里，我们得到十个。

for(let i = 0; i < 10; i++) setTimeout(() => console.log(i), 1000)

这里从零到十。

对于第一个例子，一切都清楚了，但为什么在第二个例子中会这样呢？i毕竟，它是创建一次并在第一个开始之前滚动setInterval到十个。一句话—​​—为什么这两个例子有不同的结果？

javascript

2 个回答

  1. Best Answer

    https://learn.javascript.ru/let-const

    在循环中使用时，每次迭代都会创建一个变量。
    var 变量是循环所有迭代的变量之一，即使在循环之后也是可见的。
    有了 let 变量，一切都不同了。
    循环的每次迭代都有自己的独立变量 let。如果循环内有嵌套函数声明，则每个函数的闭包将包含相应迭代期间的变量。

    • 10

  2. 这都是关于变量的范围。let 语句声明了一个绑定到块作用域的变量。什么是块作用域？这是一个例子

    let a = 10;

{
   let a = 20;
   console.log(a); // 20
}

console.log(a); // 10

    正如你所看到的，在一个块的内部和外部，ES6 创建了完全不同的变量。由 let 语句创建的变量仅在其范围内可见，在其范围外是不可见的，无法访问它。

    如果您使用 var 语句尝试相同的操作，会发生以下情况。

    var a = 10;

{
   var a = 20;
   console.log(a); // 20
}

console.log(a); // 20

    如您所见，var 语句并不完全符合块可见性规则。

    你能简化你的例子以获得更好的清晰度吗？

    for(let i = 0; i < 10; i++) setTimeout(() => console.log(i), 1000)

    1) 可以表示如下

    for(let i = 0; i < 10; i++){
    setTimeout(
       function(){console.log(i);}, 
          1000
    )
}

    2）并按行分割

    {
    let i = 0;
    setTimeout(
        function(){console.log(i);},
        1000
    )
}

{
    let i = 1;
    setTimeout(
        function(){console.log(i);},
        1000
    )
}

{
    let i = 2;
    setTimeout(
        function(){console.log(i);},
        1000
    )
}
/** И так 10 раз .... 
    После 1000 миллисекунд запуститься наша тайемр-функция, и 
    поскольку в каждом блоке благодаря оператору let создавалась свая 
    переменная то в таймер-функиции будет та переменная которая была 
    создана в том же блоке.**/

    但是使用 var 运算符，情况就不同了。

    {
    var i = 0;
    setTimeout(
        function(){console.log(i);},
        1000
    )
}

{
    var i = 1;
    setTimeout(
        function(){console.log(i);},
        1000
    )
}

{
    var i = 2;
    setTimeout(
        function(){console.log(i);},
        1000
    )
}
/** И так 10 раз ...
    Поскольку во всех блоках будет одна и та же 
    переменная то после того как через 1000 миллисекунд запущенная 
    таймер-функция прочитает последнее значение переменной i - которое 
    у нас будет 10.**/

    像这样的事情就是javascript的情况。您可以在此处和此处阅读有关块范围的更多信息。

    • 6

相关问题