promise js 例子 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

JS 手写： Promise

Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。 # 描述一个 Promise 对象代表一个在这个 promise 被创建出来时不一定已知的值。...# Promise 的链式调用我们可以用 promise.then()，promise.catch() 和 promise.finally() 这些方法将进一步的操作与一个变为已敲定状态的 promise...返回一个 promise，该 promise 在所有 promise 完成后完成。并带有一个对象数组，每个对象对应每个 promise 的结果。...# Promise.any(iterable) (opens new window) 接收一个 Promise 对象的集合，当其中的一个 promise 成功，就返回那个成功的 promise 的值。...失败，那么 Promise.all 返回的 promise 对象失败在任何情况下，Promise.all 返回的 promise 的完成状态的结果都是一个数组 Promise.all = function

2.6K4 0

JS高阶（一）Promise

Promise是什么？...抽象表达： Promise是ES6中新增的规范； Promise是js中异步编程的新解决方案（旧方案采用函数回调）；具体表达：从语法上说：Promise是一个构造函数；从功能上说：Promise...promise 对象；说明：返回一个成功/失败的 promise 对象； //创建promise.resolve对象 //如果传入的对象为非promise对象则返回的是一个成功的promise...对象；说明：只返回一个失败的 promise 对象； //创建promise.resolve对象 //如果传入的对象为非promise对象则返回的是一个成功的promise对象 //如果传入的对象...非promise对象则参数的结果决定了 resolve的结果 let p = Promise.reject(521); let c = Promise.reject(new Promise(

3.3K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

js弹窗小例子

布局大概是这样： Paste_Image.png 首先，弄一个DIV，把弹窗的模子弄出来。 <divid="box"style="width:300px;he...

14.9K8 0

一个例子说明promise基本用法

function a(something) { return new Promise((resolve, reject) => { if (something) {

5445 0

JS 异步系列 —— Promise 札记

Promise; 要了解其它更为高级的异步操作得先熟悉 Promise; 基于这些目的，实践了一个符合 Promise/A+ 规范的 repromise。...本札记系列总共三篇文章，作为之前的文章 Node.js 异步异闻录的拆分和矫正。...Promise札记 Generator札记 Async札记 Promise/A+ 核心在实现一个符合 Promise/A+ 规范的 promise 之前，先了解下 Promise/A+ 核心，想更全面地了解可以阅读...; Promise 的状态一旦转化，将不能被更改; repromise api 食用手册 Promise.resolve() Promise.resolve() 括号内有 4 种情况 /* 跟 Promise...()，Promise.reject() 原封不动地返回参数值 Promise.all(arr) 对于 Promise.all(arr) 来说，在参数数组中所有元素都变为决定态后，然后才返回新的 promise

1.8K3 0

JS：深入理解Promise

Promise是啥？ Promise是异步编程的一个解决方案，相比传统的“回调函数”方法，使用Promise更为合理和强大，避免了回调函数之间的层层嵌套，也使得代码结构更为清晰，便于维护。 ?...图：使用Promise避免"回调地狱" 2. Promise特性回顾注：本文适用于有Promise基础并希望深入挖掘Promise特性的读者；如果想学习Promise基础，下面这两本书不错； ?...扫码获取exam01.js ~ exam09.js源码 ? 3. 实现一版Promise试试!...Promise有很多社区规范，如 Promise/A、Promise/B、Promise/D 以及 Promise/A 的升级版 Promise/A+；Promise/A+ 是 ES6 Promises...C.第3步：执行测试 npx promises-aplus-testsRookiePromiseTestAdapter.js > log.txt ? ----

1.8K4 0

js，timeout,promise执行顺序

也就是set开头的最后执行，promise在set之前，promise方法里的第一个执行方法不入栈，在正常栈里执行 console.log('golb1'); setImmediate(function...(function(resolve) { console.log('immediate1_promise'); resolve(); }).then(function...(function(resolve) { console.log('timeout1_promise'); resolve(); }).then(function...(function(resolve) { console.log('glob1_promise'); resolve(); }).then(function() { console.log...glob1_nextTick glob1_then timeout1 timeout1_promise timeout1_nextTick timeout1_then immediate1 immediate1

6.6K2 0

Js Promise的基础使用

return new Promise((resolve, reject)=> { // 假设此处是异步请求某个数据 $.ajax({ url: '......

2.1K1 0

JS异步执行，Promise用法

Promise Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理且更强大。...实例 var promise = new Promise(function(resolve, reject){ // ... some code if (/* 异步操作成功 */) {...值得注意的是，Promise新建后就会立即执行。...async函数对 Generator 函数的改进，async 函数必定返回 Promise，我们把所有返回 Promise 的函数都可以认为是异步函数。...在该函数中，利用await来等待一个Promise。 Promise优缺点优点缺点解决回调无法监测进行状态链式调用新建立即执行且无法取消减少嵌套内部错误无法抛出

7.2K3 0

js promise 实现异步队列

this.queue = [] this.flushing = false this.enqueue = function (executor) { const p = new Promise...} } } function Task(executor, resolve, reject) { this.execute = () => { return new Promise

1.7K2 0

JS中promise的基础用法

我们优化一下上面的代码： var promise = new Promise(function (resolve, reject) { $.ajax({...= new Promise(function (resolve, reject) { $.ajax({ url: '/ashx/...然后还要讲的一个函数是promise的all函数。all函数主要用于多个请求的数据无关联的时候。...上述的代码不变，我们把调用改一下： //适用于多个ajax请求，但是每个ajax返回数据无关联的情况 Promise.all([promise, handler()])....promise不止用于异步请求，很多场景都可以用，需要大家灵活应用。

5.2K4 0

JS中的Callback VS Promise

那么什么是Promise？Promise是JS对象，它们用于表示一个异步操作的最终完成 (或失败), 及其结果值.查看MDN 您可以通过使用回调方法或使用Promise执行异步操作来获得结果。...对象它们是JS中构成Promise的核心部分。...所以，我们为什么需要JS中的Promise？为了明白这个问题，我们得先来聊聊为什么在大多数的JS开发者中，仅仅使用CallBack的方法是远远不够的。...方法 JS中的Promise构造函数定义了几种静态方法，可用于从Promise中检查一个或者多个结果 Promise.all 当你想要累计一批异步操作并最终将它们的每一个值作为一个数组来接收时，满足此目标的...这里是promise1、promise2和Promise.race之间的有效方法的简单例子： const promise1 = new Promise((resolve) => { setTimeout

6.6K2 1

JS：你真的会用 Promise 吗？

Promise 全解 2.1. 什么是 Promise？ Promise 是一种异步编程解决方案，避免回调地狱，可以把异步代码写得像同步一样。...自己实现一版 Promise Promise有很多社区规范，如 Promise/A、Promise/B、Promise/D 以及 Promise/A 的升级版 Promise/A+；Promise/A...* These are written as Node.js modules with a few well-known exports: * * resolved(value): creates.../RookiePromise.js'); RookiePromise.resolved = RookiePromise.resolve; RookiePromise.rejected = RookiePromise.reject...执行测试 npx promises-aplus-testsRookiePromiseTestAdapter.js > log.txt ?

3.3K3 0

JS中Promise理解与应用

4、返回一个已经是接受状态的 Promise，那么 then 返回的 Promise 也会成为接受状态，并且将那个 Promise 的接受状态的回调函数的参数值作为该被返回的Promise的接受状态回调函数的参数值...5、返回一个已经是拒绝状态的 Promise，那么 then 返回的 Promise 也会成为拒绝状态，并且将那个 Promise 的拒绝状态的回调函数的参数值作为该被返回的Promise的拒绝状态回调函数的参数值...任意一个子promise执行成功或失败后就会生成一个新的promise，状态就是第一个promise的状态。...3、Promise常见应用 Demo6—— promise添加多个方法 var promise1 = new Promise(function(resolve,reject){...修改demo7要顺序执行：即依次输出promise1完成-promise2完成-promise3完成。

1.7K2 0

js模块化例子

最近在看一本书，里面提到js的模块化，觉得很有必要，所以记录下来 Game.js /** * This is the main class that handles the game life cycle..._canvas.height); }; ---- boardRenderer.js /** * 这个类负责绘制，棋盘，球 * @param context the 2d context to draw..._rows; }; ---- boardModel.js /** * 这个类是负责保存/验证/返回当前游戏的状态 * 如当前的玩家是谁、每个单元格放的是什么球、 * 是不是谁赢了 * @param...this.reset(); } /** * 0代表单元格为空，1代表单元格有红色球，2代表单元格有绿色球 * 因为怕以后忘记这些数字代表什么，干脆把数字存到常量里，代码看起来易懂， * 但是这么多字，前端的js...* ps.变量名全大写表示这是常量，这是一个js程序员之间的约定，表达为 CAPITAL_CASED。

5.4K2 0

JS手撕(九) 常用Promise API

JS手撕(九) 常用Promise API 前言上一篇已经手撕了一个简单版本的Promise。现在就在继续手撕常用的Promise API。...Promise.resolve() Promise.resolve(value)方法返回一个以给定值解析后的Promise对象。如果value是Promise对象，则直接返回该promise。...失败状态的Promise const p2 = new Promise((resolve, reject) => reject("error")); Promise.myResolve(p2).catch...Promise.reject() Promise.reject() 方法返回一个带有拒绝原因的 Promise 对象。所以只需要直接返回一个新的Promise对象就行了。...因为p4先得到结果参考 Promise学习笔记(一) | 赤蓝紫 GitHub - qianlongo/fe-handwriting: 手写各种js Promise、apply、call、bind、

1.2K1 0

Node.js 连接 MongoDB--Promise

使用 Promise Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。...如果你还不了解 Promise，可以参考 JavaScript Promise。...以下实例使用 Promise 创建集合： const MongoClient = require("mongodb").MongoClient; const url = "mongodb://localhost...).finally(() => { conn.close(); }); }).catch((err) => { console.log("数据库连接失败"); }); Promise

1.7K2 0

【JS】779- 深入理解Promise

/js/script.js') init() // 定义在 ..../js/script.js 里的函数但是实际执行后却发现，这样根本不行，因为加载脚本是需要花时间的，是一个异步的行为，浏览器执行 JavaScript 的时候并不会等到脚本加载完成的时候再去调用 init.../js/script.js', success, fail) function success() { console.log('success') init() // 定义在 ..../js/script.js 中的函数 } function fail() { console.log('fail') } 上面这样做能够保证在脚本加载完成的时候，再去执行脚本里的函数。...比如上面例子中打印出来的 Promise 对象结果中，fulfilled 是其内部的 PromiseState，而 “第一次 resolve” 是其 PromiseResult。

1.6K1 0

用JS读取XML的例子

用JS读取XML的例子由 Ghostzhang 发表于 2006-03-21 01:27 刚开始学XMLHTTP，试写的一个读取XML的JS脚本，没什么技术含量，主要用来读取一个类似于通讯录的XML...= ""; return WDiv; } https://gist.github.com/ghostzhang/8cf9cd79abad75599e2d#file-xmlhttp-js

6.5K1 0

js实现promise常用场景使用示例

定时器操作使用 Promise 封装定时器，可以更优雅地处理延迟操作：// 封装延迟函数function delay(ms) { return new Promise((resolve) => {...并行执行多个异步操作使用 Promise.all() 可以并行执行多个异步操作，等待所有操作完成后再处理结果：// 模拟三个异步操作const promise1 = fetch('https://api.example.com...res.json());const promise3 = new Promise(resolve => setTimeout(() => resolve(3), 1000));Promise.all([...promise1, promise2, promise3]) .then(results => { console.log('所有操作完成:', results); // results...只需要第一个完成的异步操作使用 Promise.race() 可以等待第一个完成的异步操作：// 模拟多个异步操作，其中一个会更快完成const promiseA = new Promise(resolve

4851 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭