首页 > Web开发 > 详细

前端知识总结--js异步事件顺序

时间:2019-05-07 14:39:01      阅读:132      评论:0      收藏:0      [点我收藏+]

js中异步事件中容易混淆的 Promise 和 setTimeout 的执行顺序是怎样的?

        setTimeout(() => console.log(1), 0);

        new Promise(function (resolve, reject) {
            console.log(2); 
            //resolve(1);
            setTimeout(function(){
                console.log(3);
                resolve(1);
            }, 0);
        })
        .then(() => {
            console.log(4)
        })

        console.log(5)

        setTimeout(() => console.log(6), 1000);

        setTimeout(() => console.log(7), 0);

        setTimeout(() => console.log(8), 1000);

输出:

    2
    5
    1
    3
    4
    7
    6
    8

如果Promise中不包含异步事件:

        setTimeout(() => console.log(1), 0);

        new Promise(function (resolve, reject) {
            console.log(2); 
            resolve(1);
            // setTimeout(function(){
            //     console.log(3);
            //     resolve(1);
            // }, 0);
        })
        .then(() => {
            console.log(4)
        })

        console.log(5)

        setTimeout(() => console.log(6), 1000);

        setTimeout(() => console.log(7), 0);

        setTimeout(() => console.log(8), 1000);

输出:

    2
    5
    4
    1
    7
    6
    8

 

前端知识总结--js异步事件顺序

原文:https://www.cnblogs.com/fanlu/p/10824932.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!