ES6中的Promise对象与asyns函数

一、Promise对象:
Promise对象是一种异步编程的解决方案,Promise是一个对象，可以获取异步操作的消息,Promise提供了统一的API，各种异步操作都可以用同样的方法进行处理。
1.对象的状态不受外界影响，Promise对象代表一个异步操作，Promise异步操作有三种状态:
第一种: pending(进行中)；
第二种: fulfilled(已成功)；
第三种: rejected(已失败)；
2.Promise的用法:
Promise是一个构造函数,这个构造函数里有两个参数，分别是:resolve(成功之后的回调函数)、reject(失败之后的回调函数)。
promise表示的是一个异步操作，每当我们new一个promise实例，就表示一个具体的异步操作，那么这个异步操作的结果就只能有两种状态：成功/失败，两者都需要回调函数resolve/reject返回。所以内部拿到操作的结果后，无法使用return把操作结果返回给调用者，这时候只能用回调函数的形式来把成功或失败的结果返回给调用者。

function loadImg(src){
					//返回一个Promise对象
					return new Promise(function(resolve,reject){
						setTimeout(function(){
							let img = new Image();//创建一个HTML img元素
						img.src = src;
						div.appendChild(img);
						img.width=400;
						img.height=300;
						
						//如果该元素的onload事件触发，说明元素已经加载了
						img.onload=function(){
							resolve(img);
						}
						img.onerror=function(){
							reject("加载图片失败:"+src);
						}
						},3000);//延迟3秒
						
					})
				}

二、async函数
1.async 表示这是一个 async 函数，而 await 只能在这个函数里面使用。
2.await 表示在这里等待 await 后面的操作执行完毕，再执行下一句代码。
3.await 后面紧跟着的最好是一个耗时的操作或者是一个异步操作，async也是一个Promis对象，我们可以在async后面加上then或者catch这个东西来防止出错。