ES6中的Promise

1.什么是Promise

Promise是异步编程的一种解决方案，其实是一个构造函数，自身上有all，reject，resolve这几个方法，在原型上有then，catch等方法

Promise对象有以下两个特点：

(1)对象状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending进行中，fulfilled已成功，和rejected已失败。只有异步的操作结果，可以决定时哪一种状态，任何其他操作都无法改变这个状态。

(2)一但状态改变，就不会再变，任何时候都可以得到这个结果。promise对象的状态改变，只有两种可能：从pending-fulfilled和pending-rejected。只要这两种状态发生，状态就凝固了，不会再变了，会一直保持这个结果，这是就称为resolved（已定型）。如果改变已经发生了，你再对Promise对象添加回调函数，也会立即得到这个结果。这与事件完全不同，时间的特点是，如果你错过了他，再去监听，是得不到结果的。

同步指的是一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。

异步指的是每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的。

下面先 new一个Promise

let p = new Promise(function(resolve, reject){
		//做一些异步操作
		setTimeout(function(){
			console.log('执行完成Promise');
			resolve('要返回的数据可以任何数据例如接口返回数据');
		}, 2000);
}）；

刷新页面会发现控制台直接打出

其执行过程是：执行了一个异步操作，也就是setTimeout，2秒后，输出“执行完成”，并且调用resolve方法。

注意！我只是new了一个对象，并没有调用它，我们传进去的函数就已经执行了，这是需要注意的一个细节。所以我们用Promise的时候一般是包在一个函数中，在需要的时候去运行这个函数，如：

<div onClick={promiseClick}>开始异步请求</div>
 
const promiseClick =()=>{
	 console.log('点击方法被调用')
	 let p = new Promise(function(resolve, reject){
		//做一些异步操作
		setTimeout(function(){
				console.log('执行完成Promise');
				resolve('要返回的数据可以任何数据例如接口返回数据');
			}, 2000);
		});
        return p

}

刷新页面的时候是没有任何反映的，但是点击后控制台打出

当放在函数里面的时候只有调用的时候才会被执行