搜尋

首頁  >  問答  >  主體

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

如何將下面的程式碼用es6的let實現,

for(var i = 0; i < 3;i++) {
    (function(j){
        $.ajax({
            url: 'xxx',
            success: function(){
                console.log(j);
            }
        })(i);
    })
}
三叔三叔2741 天前942

全部回覆(6)我來回復

  • 给我你的怀抱

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

    雷雷

    回覆
    0
  • 我想大声告诉你

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

    題主想問的是,在ES6怎麼解決i不是當前的i`的問題吧?

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

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

    回覆
    0
  • 学习ing

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

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

    回覆
    0
  • 世界只因有你

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

    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

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

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

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

    回覆
    0
  • PHP中文网

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

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

    回覆
    0
  • 取消回覆