ES6学习笔记（Promise）

Promise对象用于表示一个异步操作的最终状态（完成或失败）以及其返回的值。

1.回调

如果不使用Promise，在函数的一层层调用中，需要多层嵌套，这样在需求变动时，修改代码会有非常大的工作量。但是使用Promise，可以让代码通过then的关键字排成一种链式结构，如果要修改嵌套的逻辑，只要修改then的顺序就可以实现。

function f() {
    return new Promise(resolve => {
        setTimeout(function () {
            resolve();
        },1000);
    })
}
f()
    .then(function () {
        console.log(1);
        return f();
    })
    .then(function () {
        console.log(2);
        return f();
    })
    .then(function () {
        console.log(3);
        return f();
    })
    .then(function () {
        console.log(4);
        return f();  //如果要将打印3和4的顺序进行替换，只需要修改then后方法的顺序
    });

2.错误处理

resolve、reject

如果成功则执行resolve方法，如果失败则执行reject方法

function f(val) {
    return new Promise((resolve,reject) => {
        if (val){
            resolve();
        } else {
            reject();
        }
    })
}

f(false)
    .then(() => {
        console.log('成功！');
        },() => {
        console.log('失败！');
    });

catch捕获异常

返回失败的情况下，后面的函数不会再被执行，只有catch方法可以捕获异常

function f(val) {
    return new Promise((resolve,reject) => {
        if (val){
            resolve();
        } else {
            reject();
        }
    })
}

f(true)
    .then(() => {
        console.log('成功！');
        return f(false)
        })
    .then(() => {
        console.log("永远不会被输出");
    })
    .catch(() =>{
        console.log("失败!");
    });

finally

无论前面的函数执行成功或失败，finally一定会被执行

function f(val) {
    return new Promise((resolve,reject) => {
        if (val){
            resolve();
        } else {
            reject();
        }
    })
}

f(true)
    .then(() => {
        console.log('成功！');
        return f(false)
        })
    .then(() => {
        console.log("永远不会被输出");
    })
    .catch(() =>{
        console.log("失败!");
    })
    .finally(() =>{
        console.log("一定会被执行！");
    });