一、异步编程背景
由于js的运行机制，JS引擎建立在单线程事件循环的概念上，js引擎同一时间只能执行一段代码，每当一段代码准备被执行，他就会被添加到作业队列。当JS引擎结束当前代码的执行后，事件循环就会执行队列的下一个作业。作业会从队列的第一个开始，一次运行到最后一个。
之前普遍使用的异步方式是回调模式。这种模式运作的很好，但是如果嵌套过多，就会让人觉得很麻烦。
methcod1(function(err,result){
if(err){ throw err; }
mothod2(function(err,result){
if(err){ throw err; }
mothod3(function(err,result){
if(err){ throw err; }
mothod4(function(err,result){
if(err){ throw err; }
mothod5(result);
})
})
})
})
在上述例子下回调会创建复杂的代码，让人难以理解
二、Promise和异步的渐进
事件模型和回调模型：
普通的一个点击事件的执行如下
let button = document.getElementById("my-btn");
button.onclick = function(event){
console.log('Clicked');
};
如下是一个简单的回调模型：
readFile("example.txt",function(err, contents){
if(err){throw err;}
console.log(contents);});
console.log('你好');
结果是：先打印的你好，然后打印的是example.txt
解释一下为什么会是这样：由于使用了回调模式，readFile函数会立即执行，但是读磁盘上面的文件的时候就会暂停，而是立即去执行console.log('Hi')；只有当readFile执行结束的时候，才会向任务队列结尾添加添加新的任务，该任务包含回调函数以及相应的参数，当队列的所有任务完成以后才会执行该任务，并且最终执行console.log(contents);
所以回调模式相对于上面的传统事件模型相比较更加灵活，因为它在readFile里面额已添加多个回调。类似if(err)可以写多个；
下面的这个例子就会出现问题：
readFile("example.txt",function(err, contents){
if(err){throw err;}
writeFile("example.txt",function(err, contents){
if(err){throw err;}
console.log('第二层');
})
});
这里执行的顺序就是readFile函数执行完成以后，任务队列会多出任务，然后再执行writeFile函数，当wrieFile执行完成以后，就会向队列中添加一个任务。你会发现如果再在writeFile里面嵌套回到函数，就会进入传说中的回调地狱中去。这就导致js执行起来大部分时间浪费在回调的请求上面，而这些promise能够很好的解决这个问题。
Promise本身不是异步的，只有他的then()或者catch()方法才是异步的，也可以说Promise的返回值是异步的
promise的生命周期的几个状态
进行中：pending（也是unsettled）
异步操作结束：settled
操作结束以后进入两个状态：
Fulfilled异步操作完成
Rejected未能成功完成
内部属性：
其中内部属性[[PromiseState]]表示promise的三种状态：pending，fulfilled，rejected
调用方法：
而这三个方法只能通过then()的方法来采取特定的行动，
所有的promise都有then方法，他接受两个参数，
1.fulfiled状态下要调用的函数（完成函数fulfilled function）
2.rejected状态下要调用的函数（拒绝函数rejection function）
所有成功失败的附加的数据都会传给这两个函数
延伸：
Promise.all方法
Promise.all只会接受一个参数并返回一个promise，而且该参数是一个含有多个受监视器Promise的可迭代对象（比如一个数组），只有当上面所有promise都被解决以后返回的promise才会被解决，只有当可迭代的对象中所有的promise被完成以后返回的promise才会被完成。如果下的例子
let p1 =new Promise(function (resolve,reject) {
resolve(42);
})
let p2 =new Promise(function (resolve,reject) {
resolve(43);
})
let p3 =new Promise(function (resolve,reject) {
resolve(43);
})
let p4 =Promise.all(p1,p2,p3);
p4.then(function(value){
console.log(Array.isArray(value)); //true
console.log(value[0]); //42
console.log(value[1]); //42
console.log(value[2]); //42
})
上面代码中只有当promise p1,p2,p3都处于完成状态以后，p4才会被完成。所有传入promise.all()方法的promise只要有一个被拒绝，那么返回的promise没等所有promise都完成就立马被拒绝了。
promise.race()方法
和all方法切好相反，Promise.race()方法不用像all一样必须满足每一个都返回promise，这里只需要有一个Promise被解决返回的Promise就被解决