async、await

这篇文章我纠结了很久，你问我为什么纠结？因为async、await这一组修饰符的用法我觉得太简单了，根本不用介绍。但配合Promise，再加上exports，又不简单。

原文链接：async、await

为什么说简单

先看看官方怎么解释的
async：是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。
await：操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。

两个修饰符的介绍里都有“Promise” 这个出现。（笑哭）
我也不拐弯抹角了，async、await就是给Promise打辅助的，Promise才是c位，搞懂Promise才是关键。

关于Promise，请看[sinye说promise]

async

用于修饰函数，告诉函数注意点await，看到await就停止自身函数继续执行，等await后面的函数或者代码执行完再继续执行自身函数。

来段代码帮助理解：使用ajax获取访问ip

function getIP(){
	return new Promise(resolve=>{
		$.ajax({
			type: 'get',
			//我以允许跨域请求，大家可以使用测试
			url: 'http://phpsocket.sinye.xyz/api/ip',
			success: function (ip) {
				setTimeout(()=>{
					resolve(ip)
				},3000)
			}
		});
	})
}
async function async_console_IP(){
	let ip = await getIP()
	console.log('async_ip：'+ip)
	console.log('async_ip：')
}
function console_IP(){
	getIP().then((ip)=>{
		console.log('ip：'+ip)
	})
	console.log('ip：')
}
async_console_IP()
console_IP()

// 打印结果
ip：// 23行打印的
async_ip：184.xxx.76.85// 16行打印的
async_ip：// 17行打印的
ip：184.xxx.76.85// 21行打印的

不难看出，使用async修饰的函数，里面执行顺序是从上往下。
而没使用async修饰的函数先打印了“ip：”然后打印“ip：184.xxx.76.85”。
如果把console.log('ip：')写到then里面，是不是和使用async修饰的函数执行顺序一样了。
所以我说**Promise**才是c位。

await

使用await要注意：

1、一定要在async修饰的函数里使用。

2、返回 Promise 对象的处理结果。如果等待的不是 Promise 对象，则返回该值本身

一般而言，async、await给Promise打辅助，但不能说辅助完全没输出，来看看下面例子：

function a(){
	console.log("1")
	console.log("2")
}
a()
console.log("3")
// 打印结果：123


async function a(){
	await 1
	console.log("1")
	console.log("2")
}
a()
console.log("3")
// 打印结果：312

为什么说不简单

绕！

一开始我还对Promise不熟悉的时候，直接看async、await，完全绕蒙我了。如果你看到这里还蒙就说明你对Promise不熟悉，你可以完全搞清楚Promise再回来学习。甚至你不弄清楚async、await都行，但Promise一定要熟悉！Promise一定要熟悉！Promise一定要熟悉！

async、await总结

1、是ES7提出的基于Promise的解决异步的最终方案。

2、使得Promise的书写更加优雅整洁。

3、使得ajax请求的返回值得以return出，以供其他函数使用