前端的异步流程 npm scripts npm脚本 express

本文链接：https://blog.csdn.net/ShirleyXuMM/article/details/93240201

本文介绍了前端异步流程，包括传统的回调函数、事件、Promise、ES6 Generator和async/await。重点讲解了Promise的工作原理和状态变化。还探讨了Node.js中的nextTick和setImmediate的执行顺序。此外，文章讨论了npm脚本的使用，如集中存储项目命令、简化命令和多脚本执行。最后，文章提到了Express框架的重要性，包括其快速生成工具和基本项目结构。

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

前端的异步流程

传统的原生异步
回调函数
事件
使用异步流程工具（别人封装好的东西）

es6 Promise

Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise
所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。
Promise 对象的状态不受外界影响

三种状态:

pending：进行中
fulfilled :已经成功
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( '任务三' )
},1000)
}).then ( data => {
console.log( data )
})

const p2 = new Promise( ( resolve,reject ) => {
setTimeout( () => {

resolve( '任务二' )
},2000)
}).then ( data => {
console.log( data )
})


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

Promise.all([p1, p2, p3], () => { //all的作用是在p1 p2 p3的任务执行完之后执行任务四
console.log('任务四')
})

Promise.race([p1, p2, p3], () => { //race的作用是谁快谁先输出

})

es6 generator函数