zoukankan      html  css  js  c++  java
  • setTimeout、Promise、Async/Await 的区别

    1. setTimeout

    console.log('script start')    //1. 打印 script start
    setTimeout(function(){
        console.log('settimeout')    // 4. 打印 settimeout
    })    // 2. 调用 setTimeout 函数,并定义其完成后执行的回调函数
    console.log('script end')    //3. 打印 script start
    // 输出顺序:script start->script end->settimeout

    2. Promise

    Promise本身是同步的立即执行函数, 当在executor中执行resolve或者reject的时候, 此时是异步操作, 会先执行then/catch等,当主栈完成后,才会去调用resolve/reject中存放的方法执行,打印p的时候,是打印的返回结果,一个Promise实例。

     console.log('promise111')
            let promise1 = new Promise(function (resolve) {
                console.log('promise222')
                resolve()
                console.log('promise333')
            }).then(function () {
                console.log('promise555')
            })
            setTimeout(function () {
                console.log('promise666')
            })
            console.log('promise444')
    // 3. async/await
    async function async1() {
                console.log('async022');
                await async2();
                console.log('async055')
            }
            async function async2() {
                console.log('async033')
            }
    
            console.log('async011');
            async1();
            console.log('async044')
    
            // 输出顺序:script start->async1 start->async2->script end->async1 end
            // async 函数返回一个 Promise 对象,当函数执行的时候,一旦遇到 await 就会先返回,等到触发的异步操作完成,再执行函数体内后面的语句。可以理解为,是让出了线程,跳出了 async 函数体。

  • 相关阅读:
    mysql笔记05 优化服务器设置
    mysql笔记04 MySQL高级特性
    mysql笔记03 查询性能优化
    MVC模型
    mysql笔记02 创建高性能的索引
    实现服务端功能之——Java实体对象
    leetcode解题: First Unique Character in a String (387)
    vim的使用心得
    Java多线程(五)--volatile详解
    七 生成式深度学习
  • 原文地址:https://www.cnblogs.com/sugartang/p/11888854.html
Copyright © 2011-2022 走看看