什么是前端异步流程(工具)？

最新推荐文章于 2021-10-15 14:08:50 发布

雾里种花

最新推荐文章于 2021-10-15 14:08:50 发布

阅读量457

点赞数

文章标签：前端异步流程工具异步工具

本文链接：https://blog.csdn.net/ThisOnly/article/details/91599934

版权

这篇博客介绍了前端异步流程管理，包括ES6的Promise、Generator函数、async/await，以及Node.js中的nextTick和setImmediate。还提到了第三方库async.js，帮助实现异步任务的串行和并行处理。

摘要由CSDN通过智能技术生成

前端异步流程工具

1.传统原生异步

回调函数
事件

2.使用异步流程工具（别人封装好的东西）

-es6 Promise

Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise

所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。
Promise 对象的状态不受外界影响

三种状态:

pending：进行中
fulfilled（resolve） :已经成功
rejected 已经失败
状态改变：
Promise对象的状态改变，只有两种可能：

从pending变为fulfilled
从pending变为rejected。
这两种情况只要发生，状态就凝固了，不会再变了，这时就称为resolved（已定型）

const p1 = new Promise(  (resolve,reject ) => {
   
    resolve('任务一')
}).then ( data => {
   
    console.log( data )
})

const p3 = new Promise( ( resolve,reject ) => {
   
    setTimeout( () => {
   
        resolve('任务三')
    },2000)
}).then ( data => {
   
    console.log(data)
})

const p2 = new Promise( (resolve,reject) => {
   
    setTimeout( () => {
   
        resolve('任务二')
    },1000 )
}).then ( data => {
   
    console.log(data)
})

console.log('主线程任务')

// 主线程任务
// 任务一