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 函数体。
复制代码

 

posted @   糖~豆豆  阅读(878)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
Live2D
欢迎阅读『setTimeout、Promise、Async/Await 的区别』
点击右上角即可分享
微信分享提示