草庐IT

promise

佐佐佑佑 2023-03-28 原文
  • 回调函数内部的 this 都是指向 window；回调函数定义：当前处理逻辑完成之后,执行封装在callback函数中的后处续理逻辑;
  • new Promise() 参数接收一个同步自执行匿名函数，构建实例时，该参数就会自动执行 
    let promise = new Promise((resolve,reject) => {
    console.log(1);
    resolve("returnValue"); // resolve和reject函数传入的实参就当前promise对象的[[PromiseResult]]的值
});
console.log(2); //控制台输出1->2

promise对象：
[[PromiseState]]: "pending"      // 当前promise的状态，可选值：fulfilled(成功态)、rejected(失败态)、pending(等待，初始值)
[[PromiseResult]]: "returnValue" // 当前promise的值

resolve() -> PromiseStatus从pending变为fulfilled；只接受一个参数
reject()  -> PromiseStatus从pending变为rejected；只接受一个参数

 

  • then 方法会返回一个新的 promise(testPromise)： 
    let promise = new Promise((resolve, reject) => { resolve(1);});
let newPromise = promise.then(res => {
    return res*2; // 默认 return undefined; 返回值做为当前then方法返回的promise的[[PromiseResult]]属性的值
})
// newPromise.[[PromiseResult]] = 2

 

  • then 抛错 
    let promise = new Promise((resolve, reject) => {
    resolve(1);
});
// 如果then方法抛错
let newPromise = promise.then(res => {
    throw new Error("参数必须是字符串!");
})
newPromise 对象： [[PromiseState]]: "rejected"
                 [[PromiseResult]]: Error: 参数必须是字符串!
如果没有错误捕获，则控制台报错如下：

 

如果存在错误捕获，则控制台不会报错，输出如下：
newPromise.catch(err => {
    console.log(err);
})

 

 

  • 如果 then 方法的回调函数返回一个普通值(a)，则 returnPromise.[[PromiseResult]] = a
  • 如果 then 方法的回调函数返回一个promise(b)，则 returnPromise= b 
    let promise = new Promise((resolve, reject) => {resolve(1);});
let newPromise = promise.then(res => {
    return new Promise((resolve, reject) => {
        resolve('a');
    });
})
newPromise对象如下：[[PromiseState]]: "fulfilled"
                   [[PromiseResult]]: a

 

  • Promise.reject('reject') 返回一个新失败态的 promise：{[[PromiseState]]: "rejected" ,  [[PromiseResult]]: "reject"} ; 如果 reject() 不接收参数,则返回的 [[PromiseResult]]=undefined
  • Promise.all，promises 数组中所有 promise 对象都达到 resolve 状态，才执行 then 回调。 
    var p1 = Promise.resolve(1);
var p2 = Promise.resolve(2);
var p3 = Promise.resolve(3);
const promise = Promise.all([p1, p2, p3]).then(function(results){
    return results;
});
console.log(promise); // promise = {[[PromiseState]]: "fulfilled" , [[PromiseResult]]: [1,2,3]}

 

promisespanstylefont-familyJavaScript

有关promise的更多相关文章

  1. ruby - 并发::Promise.all？不起作用 - 2

    在执行所有promise后，我正在尝试进行一些计算。但是proc从不调用:cbr_promise=Concurrent::Promise.execute{CbrRatesService.call}bitfinex_promise=Concurrent::Promise.execute{BitfinexService.call}proc=Proc.newdoputs10endConcurrent::Promise.all?([cbr_promise,bitfinex_promise]).then{proc}使用concurrent-ruby制作gem。例如，我是否应该创建一个每100毫秒

  2. javascript - Nodejs 与 promise 并行 - 2

    我有一个这样的字典:{go:['went','run'],love:['passion','like']}键的值是它的同义词。'getSynonymWords(word)'是一个异步函数，它返回一个promise，其中它的值是与传递的参数对应的同义词列表。我怎样才能像这样循环遍历对象以递归地获取另一个对象:{went:[],run:[],passion:[],like:[]}这是我的一段代码:functiongetRelatedWords(dict){returnnewPromise(function(resolve){varnewDict={};for(varkeyindict){i

  3. javascript - Angular $q.all 在第一个 promise 完成后被调用 - 2

    我正在尝试使用$q.all等待所有promise都已解决，但它是在第一个promise完成后调用的!我做错了什么？functionsendAudits(audits){varpromises=[];$scope.sendAudits={progress:0};angular.forEach(audits,function(audit,idAudit){promises.push(saveAudit(audit));});$q.all(promises).then(function(data){console.log(data);},function(errors){console.lo

  4. javascript - 使用 promise 异步递归 - 2

    所以我试图将我的代码转移到“Promise世界”，并且在许多地方当我不得不使用异步功能“循环”时-我只是以这种方式使用递归functiondoRecursion(idx,callback){if(idx现在我正在尝试改变Promise世界，但我很困varPromise=require('bluebird')functiondoRecursion(idx){returnnewPromise(function(resolve){if(idx谢谢。 最佳答案 我会选择Promise.all方法。它所做的是等待数组中的所有promise都已

  5. javascript - 一旦第一个 promise 解决，就停止 promise 执行 - 2

    我正在使用ES6promises，这个函数的想法是遍历一组链接，并为每个链接查找一个图像并在找到图像后停止。在我编写的函数的这种情况下，最快的promise已解析，其他promise继续执行，因此我想要的是在第一个promise解析后立即停止执行剩余的promise。scrapImage(links){letpromises=links.map((l)=>getImageUrlAsync(l));returnPromise.race(promises);} 最佳答案 promise不会“执行”。它们是返回值，而不是函数。promis

  6. javascript - 如何使用来自 async.js 的 Promise 进行编码？ - 2

    背景我通常基于async.js编写node.js脚本来控制工作流程。有时我发现基于async.js，代码似乎仍然是一个“hell”。使用多个嵌套，代码不可读且难以维护。我在这里进行了一些搜索，发现了一些有用的资源——但其中大部分都是一般概念。所以我要问一个问题。如有任何反馈，我们将不胜感激。我的常用代码varrequest=require('request');varasync=require('async');vararray=[1,2,3,4,5,6];varurl='http://www.google.com';async.mapLimit(array,3,function(nu

  7. javascript - 什么时候或谁将 resolve 和 reject 函数传递给 JS promise？ - 2

    我已经开始学习javascriptpromises。但我就是无法理解promise的概念。最让我困扰的是谁将Resolver和Reject函数传递给promise构造函数？请看这个Promise的例子:functiongetImage(url){returnnewPromise(function(resolve,reject){varimg=newImage()img.onload=function(){resolve(url)}img.onerror=function(){reject(url)}img.src=url})}现在谁确实传递了resolve和reject方法，正如我对j

  8. javascript - 等待用 RxJs 解决的 promise - 2

    我正在尝试使用RxJSv5beta为表单实现“保存类型”功能.当用户在文本字段中输入时，数据应该被发送到后端。我正在创建一个Rx.Subject来为新用户输入触发新事件(next())并将其与HTTP请求一起发布。我以这个问题为起点:RxJSwaituntilpromiseresolved但是，使用这篇文章中的解决方案，同时向后端发送请求。我的目标是只发送一个请求并推迟后续请求，直到正在运行的请求完成。完成请求后，应发出最后一个未决事件(就像debounceTime中的情况一样)以下代码段中的示例函数使用链接的SO问题中的方法。这将发送对所有输入值的请求。workaround函数使用存

  9. javascript - 在 javascript 中扩展 Promise - 2

    我正在学习javascript中的类和继承。我认为以下是扩展现有对象的相当标准的方法，因为我从MDNdocsonObject.create中获得了样式。我期待看到“好的”，然后是“耶!你好'在控制台中，但我却出现了这个错误:UncaughtTypeError:#isnotapromiseatnewMyPromise(:5:17)at:19:6看起来Promise构造函数正在抛出异常，因为它可以告诉我我给它初始化的对象不是一个简单的Promise。我希望Promise构造函数将我的对象初始化为Promise对象，这样我就可以扩展该类。他们为什么不编写Promise构造函数来处理这种通用模

  10. javascript - 如何访问 promise `.then` 方法之外的变量？ - 2

    我正在开发Spotify应用程序。我能够登录并获取我的token。我的问题是我无法访问方法外的变量。在这种情况下"getCurrentUser"这是我的方法:functiongetUser(){if($localStorage.token==undefined){throwalert("Notloggedin");}else{Spotify.getCurrentUser().then(function(data){varnames=JSON.stringify(data.data.display_name);console.log(names)})}};如您所见，我在console.l

随机推荐