回调地狱与promise

异步任务同步执行

        需求：假设我们现在有四个定时器，要求在第一个执行完毕后执行第二个，第二个执行完执行第三个...
        这个的常规做法就是嵌套...

setTimeout(function() {
   
            console.log('定时器1');
            setTimeout(function() {
   
                console.log('定时器2');
                setTimeout(function() {
   
                    console.log('定时器3');
                    setTimeout(function() {
   
                        console.log('定时器4');
                    }, 2000)
                }, 2000)
            }, 2000)
        }, 2000);

这样做是将异步代码变成了同步代码，等待两秒后执行下一个，如果每一层需要执行的代码量非常庞大，就会特别乱 不易阅读与维护，其实上面这个小例子就是回调地狱

promise：

promise 有三个状态：pending:进行中 fulfilled:已成功 rejected:已失败
promise的写法：通过 new Promise内置构造函数创建一个promise对象

• 构造函数接收一个回调函数作为参数 回调函数需要传入两个参数: resolve 和 reject
  resolve将promise从进行中–已成功
  reject将promise从进行中–已失败
  注意：状态一旦改变 就不能再改回去

• 捕获成功的状态 通过实例.then方法捕获

• 捕获失败的状态 通过实例.then方法里面写逗号 另一个回调函数(与写catch是一样的效果)

let promise1 = new Promise(function(resolve, reject) {
   
            // resolve();
            // reject();
            resolve(x); // x 未定义 所以这是错误的 即使这是将promise变为成功状态 但依旧会走到catch中
            // reject(111);
        });

        promise1.then((value) => {
   
            console.log('已成功');
        }, (err) => {
   
            console.log(err);<