javascript – So implementieren Sie ES5-Abschlüsse mit ES6

Question

So implementieren Sie den folgenden Code mit es6 let,

for(var i = 0; i < 3;i++) {
    （function（j）{
        $.ajax({
            url: 'xxx',
            success: function(){
                console.log(j);
            }
        })(i);
    }）
}

Answer 1

for(let i = 0; i < 3;i++) {
        $.ajax({
            url: 'xxx',
            success: function(){
                console.log(i);
            };
        });
}

Answer 2

题主想问的是，在ES6中怎么解决i不是当前的i`的问题吧？

在ES5中是使用闭包来解决的，在ES6中可以用let

for(let i = 0; i < 3;i++) {
    $.ajax({
        url: 'xxx',
        success: function(){
            console.log(i);
        }
    });
}

Answer 3

这个用 ES6 也是一样的啊，闭包还是闭包。

Answer 4

把 var 换成 let

for(let i = 0; i < 3;i++) {
    $.ajax({
        url: 'xxx',
        success: function(){
            console.log(j);
        }
    })
}

测试如下（用setTimeout模拟异步请求）：

for(var i = 0; i < 3;i++) {
  setTimeout(function(){
    console.log(i)
  }, 123)
}

打印3个3

es5用闭包解决

for(var i = 0; i < 3;i++) {
  (function(i) {
    setTimeout(function(){
      console.log(i)
    }, 123)
  })(i)
}

es6用let就简单了

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

let 允许你声明一个作用域被限制在块级中的变量、语句或者表达式

Answer 5

我也找到答案了，ES6可以直接去掉闭包

for(let i = 0; i < 3;i++) {
    $.ajax({
        url: 'xxx',
        success: function(){
            console.log(i);
        }
    });
}

这样跟用闭包的结果是一样的了，谢谢各位

Answer 6

完全就没有必要了在ES6，直接let搞定
http://www.softwhy.com/articl...