很有意思的题

最新推荐文章于 2022-02-25 14:58:44 发布

weixin_30580341

最新推荐文章于 2022-02-25 14:58:44 发布

阅读量45

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/niubenbit/p/8652630.html

本文探讨了JavaScript中闭包的应用及其如何解决异步问题，并通过具体示例展示了使用Promise进行更复杂的异步操作。

先来一个

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

       console.log(i);

答案：5,5,5,5,5,5

进化一下

期望是：5,0,1,2,3,4

这里就用到闭包

for (var i = 0; i < 5; i++) {
    setTimeout((function (i) {
        return function () {
            console.log(i);
        }
    })(i), 1000);
}

console.log(i);

还要进化

期望是：0,1,2,3,4,5

这就需要异步操作，Promise

var Pro = new Promise(function (resolve, reject) {
    for (var i = 0; i < 5; i++) {
        setTimeout((function (i) {
            return function () {
                console.log(new Date().getTime(), i);
            }
        })(i), 1000);
    }
    setTimeout(function () {
        resolve(i);
    }, 1000);
});

Pro.then(function (res) {
    console.log(new Date().getTime(), res);
})