JavaScript 学习笔记【Promise】

蔚落 2022-11-28 13:30 154阅读 0赞

### JavaScript 学习笔记【Promise】 ###

*  all
 *  race
 *  参考资料

# all #

所有任务都完成时执行。

var p1 = $.get('./data/geojson/430000.json');
    var p2 = $.get('./data/geojson/433100.json');
    var p = Promise.all([p1, p2]) // 支持多个
    .then(arr => { 
        console.log(arr[0]); // $.get('./data/geojson/430000.json');
        console.log(arr[1]); // $.get('./data/geojson/433100.json');
    });

# race #

先到先得，那个快用那个

var promise1 = new Promise((resolve, reject) => { 
      setTimeout(resolve, 500, '慢');
    });
    
    var promise2 = new Promise((resolve, reject) => { 
      setTimeout(resolve, 100, '快');
    });
    
    Promise.race([promise1, promise2]).then((value) => { 
      console.log(value);
    });

# 参考资料 #

[MDN Web 开发技术 > JavaScript > JavaScript 参考 > JavaScript 标准内置对象 > Promise][MDN Web _ _ JavaScript _ JavaScript _ _ JavaScript _ _ Promise]  
[后盾人视频教程 —— 第十五章 异步编程之 PROMISE / ASYNC / AWAIT][_ _ _ PROMISE _ ASYNC _ AWAIT]  
[后盾人文档 —— JavaScript Promise][_ JavaScript Promise]  
[阮一峰Blog：Promise 对象][Blog_Promise]

[MDN Web _ _ JavaScript _ JavaScript _ _ JavaScript _ _ Promise]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise
[_ _ _ PROMISE _ ASYNC _ AWAIT]: https://www.bilibili.com/video/BV15J411G7FG
[_ JavaScript Promise]: https://doc.houdunren.com/js/15%20Promise.html
[Blog_Promise]: https://es6.ruanyifeng.com/?search=?.&x=4&y=7#docs/promise

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript - Promise 对象 - 学习/实践

1.应用场景 <table> <tbody> <tr> <td> <p>Promise 解决的是异步编码风格的问题，而不是一些其他的问题，所以接下来我们聊的

刺骨的言语ヽ痛彻心扉/ 2023年02月15日 10:29/ 0 赞/ 152 阅读

相关 JavaScript Promise

Table of Contents 1. 执行f1,f2,f3,输出f3,f2,f1 2. 期望输出f1,f2,f3,改写三个函数 3. 用Promise对象改写三

待我称王封你为后i/ 2022年12月27日 01:21/ 0 赞/ 109 阅读

相关【笔记】web前端高级JavaScript - promise、async、await基础知识学习笔记

> promise 基础知识学习笔记 > async、await基础知识学习笔记 promise基础知识 ![在这里插入图片描述][watermark_

ゝ一纸荒年。/ 2022年12月24日 00:41/ 0 赞/ 107 阅读

相关 JavaScript 学习笔记【Promise】

JavaScript 学习笔记【Promise】 all race 参考资料 all 所有任务都完成时执行。 var p1 = $.g

蔚落/ 2022年11月28日 13:30/ 0 赞/ 155 阅读

相关 JavaScript Promise

现有如下代码段，执行输出什么： Promise.resolve().then(setTimeout(() => { console.log(1)

青旅半醒/ 2022年10月06日 02:56/ 0 赞/ 120 阅读

相关【javascript笔记】Promise对象

最初的异步流程控制，是通过回调来实现，但是存在回调太多层就会让人崩溃后来出现了，异步解决方案 async 可以应用到NodeJS 和 browser里面。后来ES6 将

素颜马尾好姑娘i/ 2022年07月11日 09:27/ 0 赞/ 260 阅读

相关 Javascript Promise

转自[http://www.jianshu.com/p/063f7e490e9a][http_www.jianshu.com_p_063f7e490e9a] ES6 原生提

傷城~/ 2022年06月16日 02:29/ 0 赞/ 145 阅读

相关 ES6学习笔记12 Promise

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通

矫情吗；*/ 2022年05月21日 13:42/ 0 赞/ 174 阅读

相关 ES6学习笔记（Promise）

Promise对象用于表示一个异步操作的最终状态（完成或失败）以及其返回的值。 1.回调如果不使用Promise，在函数的一层层调用中，需要多层嵌套，这样在需求变动时

喜欢ヅ旅行/ 2022年05月16日 07:05/ 0 赞/ 184 阅读

相关学习JavaScript Promise，一些代码收集理解

前例： Promise是抽象异步处理对象以及对其进行各种操作的组件。 Promise把类似的异步处理对象和处理规则进行规范化，并按照采用统一的接口来编写，而采取规定

深碍√TFBOYSˉ_/ 2021年09月18日 13:48/ 0 赞/ 255 阅读