ES6之 三异步函数

1.async异步函数

        async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。

        await关键字只在async函数内有效。如果你在async函数体之外使用它，就会抛出语法错误 SyntaxError 。async/await的目的为了简化使用基于promise的API时所需的语法。async/await的行为就好像搭配使用了生成器和promise。async函数一定会返回一个promise对象。如果一个async函数的返回值看起来不是promise，那么它将会被隐式地包装在一个promise中。

简单来说 是一个函数，是一个异步编程解决方案，内部封装了generator函数，是一个语法糖，内部自带执行器，与await配合使用；异步编程，同步处理;

async function loadArticle() {
			try {
				let res = await axios.get('http://122.199.0.35:8888/index/category/findAll')
				console.log(res.data.data);
			} catch(error) {
				throw new Error('请求失败');
			} finally {
				console.log('最终执行');
			}
		}
loadArticle()

2.Generator

        是ES6提供的一种异步编程解决方案，语法不同于普通函数；简单的把Generator 理解为一个状态机，封装了多个内部状态。执行Generator 函数会返回一个迭代器对象，可以通过调用迭代器next依次遍历Generator函数内部的每一个状态。

Generator函数有两个特征：
1.function关键字与函数名之间有个星号；
2.函数内部使用yield表达式

function* helloWorldGenerator(){ 
	yield '1';
	yield '2';
	return '3';
}

如上代码有三个状态, '1'、'2'、'3'，一个yield就是一个状态，一个yield就是一个代码运行节点，执行一次迭代器next方法，到第一个yield，再执行一次，到下一个yield。yield后面是每一种状态的描述。通过迭代器对象的next方法控制的代码的向下执行。

function* test(){
    //想要Generato函数有返回值
     3行代码
    return 1
     3行代码
    return 2
    
     3行代码
    return 3 
    3行代码
    return 4
}

        因为return会阻止后面的代码运行，所以 Generator提供了yield，yiled也是返回值，但是执行一次