我正在查看Angular文档中$q的例子,但我认为这可能适用于一般的承诺。下面的例子是从他们的文档中逐字复制的,包括他们的评论:

promiseB = promiseA.then(function(result) {
  return result + 1;
});

// promiseB will be resolved immediately after promiseA is resolved and its value
// will be the result of promiseA incremented by 1

我不清楚这是怎么回事。如果我可以对第一个.then()的结果调用.then(),将它们链接起来,我知道我可以,那么promiseB是一个promise对象,类型为object。它不是一个数字。那么“它的值将是承诺a加1的结果”是什么意思呢?

我应该像承诺的那样访问吗?。价值或类似的东西?如何成功回调返回承诺和返回“结果+ 1”?我遗漏了一些东西。


当前回答

与你目前的理解略有不同的分析注释可能会有所帮助:

// promiseB will be resolved immediately after promiseA is resolved

这说明承诺b是一个承诺,但它将在承诺a被解决后立即解决。另一种理解方法是,promise .then()返回一个赋值给promiseB的promise。

// and its value will be the result of promiseA incremented by 1

这意味着promiseA解析得到的值是promiseB将接收到的作为其successCallback值的值:

promiseB.then(function (val) {
  // val is now promiseA's result + 1
});

其他回答

当一个promise被解决/拒绝时,它将调用它的成功/错误处理程序:

var promiseB = promiseA.then(function(result) {
   // do something with result
});

then方法还返回一个promise: promiseB,它将根据来自promiseA的成功/错误处理程序的返回值被解析/拒绝。

有三个可能的值,promise的成功/错误处理程序可以返回,将影响promise的结果:

什么都不回→承诺立即解决, undefined被传递给promise eb的成功处理程序 返回一个值→立即解析promise, 并将该值传递给promiseB的成功处理程序 返回承诺→当解决时,承诺将被解决。 当被拒绝时,承诺将被拒绝。传递给 promise的处理程序将是promise的结果

有了这样的理解,你就可以理解以下内容:

promiseB = promiseA.then(function(result) {
  return result + 1;
});

然后调用立即返回promiseB。

当promise ea被解析时,它将把结果传递给promise ea的成功处理程序。

由于返回值是许诺ea的结果+ 1,成功处理程序返回一个值(上面的选项2),因此许诺eb将立即解析,许诺eb的成功处理程序将被传递许诺ea的结果+ 1。

您可以使用JavaScript中的异步等待方法轻松做到这一点。

下面是一个使用超时检索WebRTC承诺值的示例。

function await_getipv4(timeout = 1000) { var t1 = new Date(); while(!window.ipv4) { var stop = new Date() - t1 >= timeout; if(stop) { console.error('timeout exceeded for await_getipv4.'); return false; } } return window.ipv4; } function async_getipv4() { var ipv4 = null; var findIP = new Promise(r=>{var w=window,a=new (w.RTCPeerConnection||w.mozRTCPeerConnection||w.webkitRTCPeerConnection)({iceServers:[]}),b=()=>{};a.createDataChannel("");a.createOffer(c=>a.setLocalDescription(c,b,b),b);a.onicecandidate=c=>{try{c.candidate.candidate.match(/([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/g).forEach(r)}catch(e){}}}) findIP.then(ip => window.ipv4 = ip); return await_getipv4(); };

我觉得这个例子不言自明。注意await是如何等待结果的,所以你错过了Promise的返回。

cryA = crypto.subtle.generateKey({name:'ECDH', namedCurve:'P-384'}, true, ["deriveKey", "deriveBits"])
Promise {<pending>}
cryB = await crypto.subtle.generateKey({name:'ECDH', namedCurve:'P-384'}, true, ["deriveKey", "deriveBits"])
{publicKey: CryptoKey, privateKey: CryptoKey}
promiseA(pram).then(
     result => { 
     //make sure promiseA function allready success and response
     //do something here
}).catch(err => console.log(err)) => {
     // handle error with try catch
}

我学习JavaScript的速度很慢。默认情况下,所有异步函数都返回一个promise,你可以将结果包装为:

(async () => {
//Optional "await"
  await yourAsyncFunctionOrPromise()
    .then(function (result) {
      return result +1;
    })
    .catch(function (error) {
      return error;
    })()
})

从等待(MDN):

await表达式导致异步函数的执行暂停,直到Promise被解决(即,实现或拒绝),并在实现后恢复异步函数的执行。当恢复时,await表达式的值是已实现的Promise的值。 如果Promise被拒绝,await表达式抛出被拒绝的值

在MDN网络文档中阅读更多关于等待和承诺的信息。