• 学习笔记(14)Promise


    1,Promise

    Promise:处理异步请求
    异步:不阻塞主线程的分线程操作;
    同步:在主线程中进行操作。
    创建promise对象

    有两个参数:resolve和reject。
    一个刚刚创建出来的promise对象,处于待定(pending)状态。
    resolve和reject都是回调函数,promise可以封装一个异步任务对象.

    let p1 = new Promise((resolve, reject) => {
        setTimeout(function () {
         /*
        * 当异步任务成功时,调用resolve,传递成功的数据
        * */
            resolve('成功了!')
        }, 1000)
        
        /*
        * 调用reject之后,promise对象就会变成失败状态,传的参数是错误的原因
        * */
        // reject("失败了,error")
    			
    }).then(data => {
        console.log(data)
    }).catch(err => {
        console.log(err)
    })
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18

    2,Promise对象的.then方法

    promise对象的.then方法:为promise对象添加处理函数。

    1,如果promise处于待定状态,那么处理函数会在promise对象进入成功状态的时候执行;
    2,如果promise对象当前处于成功状态,那么处理函数会立刻执行。

    p1.then(function (data) {
    	// 如果成功状态的resolve传递了数据,那么会接收到
    	console.log(data);
    });
    
    • 1
    • 2
    • 3
    • 4

    3,Promise对象的.catch方法

    1,如果promise处于待定状态,那么处理函数会在promise对象进入失败状态的时候执行;
    2,如果promise对象当前已经处于失败状态,那么处理函数会立刻执行。

    p1.catch(function (err) {
    	console.log(err);
    });
    
    • 1
    • 2
    • 3

    4,Promise.all方法

    多个promise合并成一个总的promise,当参与合并的多个promise都进入到成功状态时,会调用then方法;当参与合并的promise有一个失败的,会进入失败状态,调用catch方法。

    //Promise.then方法可以进行链式调用。
    p3.then(function (data) {
    	// 合并的promise参数得到的是一个数组。数组中存放着每个promise返回的成功数据.
    	let str ="";
    	for(let i=0;i<data.length;i++){
    		str +=data[i].toString();
    	}
    	
    	console.log(str);
    })
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
  • 相关阅读:
    Git | SSH 密钥连接到 GitHub
    HDLBits: 在线学习 SystemVerilog(十一)-Problem 60-64
    kafka
    Spring Cloud Netflix 教程和源码
    差分+差分矩阵(更适合新手宝宝体质)
    第二章 使用管理门户监视IRIS - 系统使用情况指示器
    MySQL索引
    机械臂速成小指南(二十):机械臂的位姿重复性实验
    Html_Css问答集(2)
    javascript跨域传输数据的设置和兼容浏览函数代码
  • 原文地址:https://blog.csdn.net/dugujiuding/article/details/126709091