Promise全解

Promise是什么？

主要用于异步计算；

可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果；

可以在对象之间传递和操作Promise，帮助我们处理队列

为啥会有Promise？

JS为检查表单而生；

创造它的首要目标是操作DOM；

JS的操作大多数是异步的（可以避免界面冻结）。

异步操作的常见语法

事件侦听与响应：

document.getElementById('test').addEventListener('click', test, false);

function test() {
    // 响应事件，进行相应的操作
}

// jQuery用'.on()'也是事件侦听
$('#test').on('click', test);

回调：先调用外部函数，再传递给他一个回调函数

$.ajax('http://baidu.com', {
    success: function(res) {
        // 这里是回调函数
    }
});

// jquery的监听页面加载完成的函数
$(function() {
    // 页面加载完毕后回调
});

promise详解

new Promise(
    // 执行器 executor
    function (resolve, reject) {
        // 一段耗时很长的异步操作
        resolve(); // 数据处理完成

        reject();  // 数据处理出错
    }
)
    .then(function A() {
        // 成功，下一步
    }, function B() {
        // 失败，做相应处理
    })

promise是一个代理对象，和原先要进行的操作没有关系

它通过引入一个回调，避免了更多的回调

有三个状态：pending（初始状态），resolved（操作成功），rejected（操作失败）

promise状态发生改变，就会触发.then()里的响应函数处理后续步骤

promise状态一经改变，不会再变

promise实例一经创建，执行器立即执行

猜你喜欢