Promise的用法

什么是Promise

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

Promise对象有以下两个特点：

1. 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是“承诺”，表示其他手段无法改变。
2. 一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果，这时就称为resolved（已定型）。如果改变已经发生了，你再对Promise对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。

先new一个Promise

//创建一个Promise
let p = new Promise(function(resolve, reject){
		//做一些异步操作
		setTimeout(function(){
			console.log('666');
			resolve('data');
		}, 1000);
	});

过程中执行了一个异步操作setTimeout,1s后控制台输出666，并且调用resolve方法，这里并没有调用对象，但是里面的函数执行了。
如果这个对象被包在一个函数里面需要运行这个函数

let btn = document.getElementById('btn')
btn.onclick = function () {
	console.log('777');
    let p = new Promise(function (resolve, reject) {
        setTimeout(function () {
            console.log('666');
            resolve('data');
        }, 1000);
    });
    return p
}

刷新页面没有反应，点击按钮控制台输出777，过1s后输出666，所以在函数里面时需要调用才会执行。
在包装好的函数最后，return会返回Promise，所以说执行这个函数会得到一个Promise对象，就可以用Promise上的then、catch对象