<legend id='Xk024'><style id='Xk024'><dir id='Xk024'><q id='Xk024'></q></dir></style></legend>
        <i id='Xk024'><tr id='Xk024'><dt id='Xk024'><q id='Xk024'><span id='Xk024'><b id='Xk024'><form id='Xk024'><ins id='Xk024'></ins><ul id='Xk024'></ul><sub id='Xk024'></sub></form><legend id='Xk024'></legend><bdo id='Xk024'><pre id='Xk024'><center id='Xk024'></center></pre></bdo></b><th id='Xk024'></th></span></q></dt></tr></i><div id='Xk024'><tfoot id='Xk024'></tfoot><dl id='Xk024'><fieldset id='Xk024'></fieldset></dl></div>
          <bdo id='Xk024'></bdo><ul id='Xk024'></ul>

        <small id='Xk024'></small><noframes id='Xk024'>

      1. <tfoot id='Xk024'></tfoot>

        关于var在for循环遇到的问题解决

        时间:2023-12-09

      2. <tfoot id='M5GbQ'></tfoot>

          <i id='M5GbQ'><tr id='M5GbQ'><dt id='M5GbQ'><q id='M5GbQ'><span id='M5GbQ'><b id='M5GbQ'><form id='M5GbQ'><ins id='M5GbQ'></ins><ul id='M5GbQ'></ul><sub id='M5GbQ'></sub></form><legend id='M5GbQ'></legend><bdo id='M5GbQ'><pre id='M5GbQ'><center id='M5GbQ'></center></pre></bdo></b><th id='M5GbQ'></th></span></q></dt></tr></i><div id='M5GbQ'><tfoot id='M5GbQ'></tfoot><dl id='M5GbQ'><fieldset id='M5GbQ'></fieldset></dl></div>

          <small id='M5GbQ'></small><noframes id='M5GbQ'>

            <tbody id='M5GbQ'></tbody>
            • <bdo id='M5GbQ'></bdo><ul id='M5GbQ'></ul>
                <legend id='M5GbQ'><style id='M5GbQ'><dir id='M5GbQ'><q id='M5GbQ'></q></dir></style></legend>

                  关于var在for循环中遇到的问题解决可以从以下两点入手:

                  1、变量提升问题:

                  在ES5中,使用var声明变量时,会发生变量提升的问题。在for循环中使用var声明变量时,变量会被提升到外层作用域中,导致在循环中每一次循环所声明的变量并不是独立的,而是共享一个变量,从而导致循环结束后,该变量的值始终是最后一次循环的值。

                  解决方案是使用let或const关键字声明变量。let和const在ES6中引入,并解决了var所存在的变量提升问题。使用let或const在for循环中声明的变量是局部的,循环内的每次迭代都有自己独立的变量。

                  示例1:

                  for(var i = 0; i < 10; i++){
                    setTimeout(function(){
                      console.log(i);
                    }, 1000);
                  }
                  // 输出10个10
                  

                  在上述代码中,循环内使用var声明了变量i,而setTimeout是一个异步的API,也就是说,当console.log(i)执行时,for循环已经结束了,此时i的值已经变成了10。

                  此时使用let关键字声明i变量,就可以解决这个问题:

                  示例2:

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

                  在上述代码中,使用let关键字声明i变量,可以保证每次循环中都有自己独立的变量。

                  2、闭包问题:

                  使用立即执行函数表达式(IIFE)将循环变量封闭在函数的作用域内,从而解决闭包问题。

                  示例3:

                  for(var i = 0; i < 10; i++){
                    (function(i){
                      setTimeout(function(){
                        console.log(i);
                      }, 1000);
                    })(i);
                  }
                  // 输出0~9
                  

                  在上述代码中,将循环变量i封闭在了一个IIFE中,这样每次迭代都会创建一个新的函数作用域。从而解决了闭包问题,同时输出0~9。

                  综上所述,使用let和闭包可以有效解决在for循环中使用var所遇到的问题。

                  上一篇:javaScript中封装的各种写法示例(推荐) 下一篇:跟我学习javascript的全局变量

                  相关文章

                  <small id='yHfkj'></small><noframes id='yHfkj'>

                1. <legend id='yHfkj'><style id='yHfkj'><dir id='yHfkj'><q id='yHfkj'></q></dir></style></legend>
                  <tfoot id='yHfkj'></tfoot>

                    <i id='yHfkj'><tr id='yHfkj'><dt id='yHfkj'><q id='yHfkj'><span id='yHfkj'><b id='yHfkj'><form id='yHfkj'><ins id='yHfkj'></ins><ul id='yHfkj'></ul><sub id='yHfkj'></sub></form><legend id='yHfkj'></legend><bdo id='yHfkj'><pre id='yHfkj'><center id='yHfkj'></center></pre></bdo></b><th id='yHfkj'></th></span></q></dt></tr></i><div id='yHfkj'><tfoot id='yHfkj'></tfoot><dl id='yHfkj'><fieldset id='yHfkj'></fieldset></dl></div>
                    • <bdo id='yHfkj'></bdo><ul id='yHfkj'></ul>