js异步流程的promise及 Generator函数

1. Promise

const p1 = new Promise(function(resolve,reject){
   resolve('任务一')//成功
})
.then(function(data){//成功执行then方法将resolve的参数传到data
  console.log(data)
})

const p2 = new Promise(function(resolve,reject){
  setTimeout(function(){//定时器
    resolve('任务二')
  },200)          
})
.then(function(data){
  console.log(data)
})

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

Promise.all([p1,p2])//先执行all中所有任务， 执行完成之后再去执行后面的任务
.then(data => {
  console.log('任务三')
})
//输出结果：主线程任务 任务一 任务二 任务三

Promise.race([p1,p2])//任务快的先输出
.then(data => {
  console.log('任务三')
})
//输出结果：主线程任务 任务一 任务三 任务二

2. Generator函数

• 概念，在function关键字后面写一个*，表示一个generator函数，generator通过yield关键字来定义任务

function* p1(){
   yield '任务1';
   yield '任务2';
   yield '任务3';
   yield '任务4';
   yield '任务5';
   yield function* p2() {
     yield '任务7'
     }
   return '任务6'
 }
var p = p1();
//一次p.next()只执行一次
console.log(p.next())//{ value: '任务1', done: false }
console.log(p.next())//{ value: '任务2', done: false }
console.log(p.next())//{ value: '任务3', done: false }      
console.log(p.next())//{ value: '任务4', done: false }
console.log(p.next())//{ value: '任务5', done: false }
console.log(p.next())//{ value: underfined, done: false }
console.log(p.next())//{ value: '任务6', done: false }
console.log(p.next())//{ value: underfined, done: false }