• 学习笔记(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
  • 相关阅读:
    Sharding-JDBC分库分表
    Java学习02——关键字、字面量、变量
    【网络世界】网络基础概念
    Java代码中如何判断一个HashMap对象是否为空呢?
    react
    C【程序环境和预处理】
    【LeetCode动态规划#10】完全背包问题实战,其三(单词拆分,涉及集合处理字符串)
    利用互斥锁实现多个线程写一个文件
    MYSQL 高可用集群搭建 ---MHA
    视频怎么压缩?视频过大这样压缩变小
  • 原文地址:https://blog.csdn.net/dugujiuding/article/details/126709091