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

前端的异步流程

1. 传统的原生异步
   回调函数
   事件

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

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函数