ES6语法 学习笔记（九）generator&async

generator

• generator(生成器),整个Generator函数就是一个异步任务的容器，在需要暂停的位置使用yield语句
• 基本语法以及使用

function * show() {
    yield '1';
    yield '2';
    return '3';
}
let a = show();
//a.next() //{value: "1", done: false}
//a.next() //{value: "2", done: false}
//a.next() //{value: "3", done: true}

当执行到return时done为true

• 使用for of可以自动遍历 generator,但是return后面的不会遍历

function * show(){
    yield '1';
    yield '2';
    return '3';
}
let a = show();
for(let val of a){
    console.log(val);
}
//1
//2

• 对generator函数也可以使用解构

function * show(){
    yield '1';
    yield '2';
    yield '4'
    return '3';
}
let [a,...b] = show();
console.log(a,b);//1 [2,4]

async

async写在函数前面表示这个函数是异步的

• async特点:
  1.相比generator语义化更强
  2.await后面可以是promise对象，也可以数字、字符串、布尔
  3.async函数返回是一个promise对象
  4.只要await语句后面Promise状态变成 reject, 那么整个async函数会中断执行
• 基本语法

async function fn() {
    let result = await ...
}

• async函数返回一个Promise对象，async函数中return返回的值可以成为then方法回调的值

async function fn(){
    return 'welcome';
}

fn().then(res=>{
    console.log(res);//welcome
})

• async函数抛出的错误,catch方法额参数会接收这个错误

async function fn(){
    throw new Error('Error出错了');
}

fn().then(res=>{
    console.log(res);
}).catch(err=>{
    console.log(err);//打印错误信息
})

• await后面的Promise对象状态为rejected会终止，函数里后面的代码不会运行

async function fn(){
    await Promise.reject('出现问题了');
    let a = await Promise.resolve('success');
    console.log(a);
}

fn().then(res=>{
    console.log(res);
}).catch(err=>{
    console.log(err);
})
//出现问题了

解决出错问题的方法

//在await后面的Promise对象后面通过catch的参数接收错误
async function fn(){
    await Promise.reject('出现问题了').catch(err=>{
        console.log(err);
    });
            
    let a = await Promise.resolve('success');
    console.log(a);
}

fn().then(res=>{
    console.log(res);
});