javascript - ES5的闭包用ES6怎么实现-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - ES5的闭包用ES6怎么实现

三叔 2017-06-30 09:59:41

[JavaScript讨论组]

1075

如何将下面的代码用es6的let实现，

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

三叔

全部回复(6)

给我你的怀抱2017-06-30 10:01:41 6楼

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

赞 +0

添加回复

我想大声告诉你2017-06-30 10:01:41 5楼

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

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

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

赞 +0

添加回复

学习ing2017-06-30 10:01:41 4楼

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

赞 +0

添加回复

世界只因有你2017-06-30 10:01:41 3楼

把 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 允许你声明一个作用域被限制在块级中的变量、语句或者表达式

赞 +0

添加回复

阿神2017-06-30 10:01:41 2楼

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

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

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

赞 +0

添加回复

PHP中文网2017-06-30 10:01:41 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>