为了账号安全,请及时绑定邮箱和手机立即绑定

Promise 入门

Meathill Web前端工程师
难度中级
时长 2小时 0分
学习人数
综合评分8.87
73人评价 查看评价
9.1 内容实用
8.9 简洁易懂
8.6 逻辑清晰
  • reduce queue

    查看全部
    0 采集 收起 来源:实现队列

    2020-11-16

  • forEach queue

    查看全部
    0 采集 收起 来源:实现队列

    2020-11-16

  • map promise array

    查看全部
    0 采集 收起 来源:与 .map 连用

    2020-11-16

  • promiseAll

    error

    查看全部
    0 采集 收起 来源:Promise.all

    2020-11-16

  • first reject error

    all resolve values

    查看全部
    0 采集 收起 来源:Promise.all

    2020-11-16

  • catch 只是 then 的语法糖,本质上与 then 没有什么不同!?


    查看全部
    0 采集 收起 来源:错误和then连用

    2020-11-16

  • reject error

    ===


    catch error语法糖

    查看全部
    0 采集 收起 来源:错误处理

    2020-11-16

  • ```js
    "use strict";
    /**
    *
    * @author xgqfrms
    * @license MIT
    * @copyright xgqfrms
    * @created 2020-10-01
    * @modified
    *
    * @description
    * @difficulty Easy Medium Hard
    * @complexity O(n)
    * @augments
    * @example
    * @link
    * @solutions
    *
    * @best_solutions
    *
    */
    const log = console.log;
    const promise = new Promise((resolve, reject) =>{
    log(1);
    resolve(1);
    });
    // then((json) => log(3, json), (err) => log(err));
    promise
    .then((v) => {
    // not new Promise ⚠️
    // return new Promise((ok, err) => {
    new Promise((ok, err) => {
    log(2);
    log(`v =`, v);
    // resolve callback, ok
    ok(`✅`);
    // reject callback, err
    err(`❌`)
    }).then((v) => {
    log(3);
    log(`v =`, v, `\n`);
    return v;
    }).then((v) => {
    log(4);
    log(`v =`, v, `\n`);
    return v;
    });
    // 遇到 Promise 立即执行,Promise 后面紧跟着的第一个 then 也马上执行,后面的 then 按照 Promise 创建的先后顺序,依次执行 then!
    return v;
    })
    .then((v) => {
    log(5);
    log(`v =`, v);
    return v;
    })
    .then((v) => {
    log(6);
    log(`v =`, v);
    return v;
    });
    /*
    1
    2
    v = 1
    3
    v = ✅
    5
    v = 1
    4
    v = ✅
    6
    v = 1
    */
    ```


    查看全部
    0 采集 收起 来源:随堂小测试

    2020-11-16

  • ignore then ???

    查看全部
    0 采集 收起 来源:随堂小测试

    2020-11-16

  • ```js

    "use strict";


    /**

    *

    * @author xgqfrms

    * @license MIT

    * @copyright xgqfrms

    * @created 2020-10-01

    * @modified

    *

    * @description

    * @difficulty Easy Medium Hard

    * @complexity O(n)

    * @augments

    * @example

    * @link

    * @solutions

    *

    * @best_solutions

    *

    */


    const log = console.log;



    const promise = new Promise((resolve, reject) =>{

    log(1);

    resolve(1);

    });


    // then((json) => log(3, json), (err) => log(err));

    promise

    .then((v) => {

    // not new Promise ⚠️

    // return new Promise((ok, err) => {

    new Promise((ok, err) => {

    log(2);

    log(`v =`, v);

    // resolve callback, ok

    ok(`✅`);

    // reject callback, err

    err(`❌`)

    }).then((v) => {

    log(3);

    log(`v =`, v, `\n`);

    return v;

    }).then((v) => {

    log(4);

    log(`v =`, v, `\n`);

    return v;

    });

    // 遇到 Promise 立即执行,Promise 后面紧跟着的第一个 then 也马上执行,后面的 then 按照 Promise 创建的先后顺序,依次执行 then!

    return v;

    })

    .then((v) => {

    log(5);

    log(`v =`, v);

    return v;

    })

    .then((v) => {

    log(6);

    log(`v =`, v);

    return v;

    });



    /*


    1

    2

    v = 1

    3

    v = ✅


    5

    v = 1

    4

    v = ✅


    6

    v = 1

    */




    ```

    查看全部
    0 采集 收起 来源:then 的嵌套

    2020-11-16

  • return new promise

    查看全部
    0 采集 收起 来源:then 的嵌套

    2020-11-16

  • promise 嵌套

    查看全部
    0 采集 收起 来源:then 的嵌套

    2020-11-16

  • then

    return

    no return

    查看全部
    0 采集 收起 来源:引出 .then()

    2020-11-16

  • return new Promise


    Async/Await

    查看全部
  • 模拟 ajax 异步请求

    查看全部
    0 采集 收起 来源:最简单的实例

    2020-11-16

举报

0/150
提交
取消
课程须知
1. 前端水平:初级、中级 2. 了解 JavaScript 3. 最好有异步开发经历,希望写出更好的代码
老师告诉你能学到什么?
1. Promise 的基础用法 2. Promise 容易出错的地方 3. Promise 怎么处理错误(Error) 4. Promise 的其它用法 5. 简单介绍异步函数

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!