promise–解决回调地狱

ES6新增的一个重要的语法

promise的基本语法形式:

实例化对象有三个 状态

实例化对象中

基本步骤:

实例

    // 使用 promise() 构造函数,生成一个实例化东西
    // resolved  对应程序执行成功的回调函数
    // rejected  对应程序执行失败的回调函数
    const p = new Promise(function(resolved,rejected){
        // 定义异步程序
        const xhr = new XMLHttpRequest();
        xhr.open('get', `./demo1.php?a1=100&b1=200`);
        xhr.send();
        xhr.onload = function () {
            // 当请求结束,请求成功,执行成功的回调函数
            resolved(JSON.parse(xhr.response));
        }
        // 当前 resolved 和 rejected 还只是形参,没有实际的程序内容
        // 需要通过 p1.then()  来定义 resolved 执行的程序
        // 需要通过 p1.catch() 来定义 rejected 执行的程序
    });
    
    // 通过 then() 来定义 resolved() 的程序内容 
    p.then(function (data1) {
        // 另异步一个程序
        console.log(data1)   // 定义 的 参数 data 实参,就是我们执行 resolved() 时 输入的  JSON.parse( xhr1.response )
    })