javascript - ES5的閉包用ES6怎么實現

問題描述

如何將下面的代碼用es6的let實現，

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

問題解答

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

題主想問的是，在ES6中怎么解決i不是當前的i`的問題吧？

在ES5中是使用閉包來解決的，在ES6中可以用let

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

這個用 ES6 也是一樣的啊，閉包還是閉包。

把 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 允許你聲明一個作用域被限制在塊級中的變量、語句或者表達式

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

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

這樣跟用閉包的結果是一樣的了，謝謝各位

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