我正在查看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”?我遗漏了一些东西。
promiseA的then函数返回一个新的promise (promiseB),它在promiseA被解析后立即被解析,它的值是在promiseA内的成功函数返回的值。
在这种情况下,用值- result解析promiseA,然后立即用值result + 1解析promiseB。
访问promiseB的值的方法与访问promiseA的结果的方法相同。
promiseB.then(function(result) {
// here you can use the result of promiseB
});
截至ECMAScript 2016 (ES7, 2016), async/await是JavaScript的标准,这允许使用上述方法的替代语法。现在你可以这样写:
let result = await functionThatReturnsPromiseA();
result = result + 1;
现在没有了promisb,因为我们已经使用await来解包了来自promisa的结果,并且您可以直接使用它。
然而,await只能在异步函数中使用。因此,为了稍微缩小,上面的内容必须像这样包含:
async function doSomething() {
let result = await functionThatReturnsPromiseA();
return result + 1;
}
而且,为了清晰起见,在这个例子中,函数doSomething的返回值仍然是一个承诺——因为异步函数返回承诺。因此,如果你想访问返回值,你必须执行result = await doSomething(),这只能在另一个异步函数中执行。基本上,只有在父异步上下文中才能直接访问从子异步上下文中产生的值。
与你目前的理解略有不同的分析注释可能会有所帮助:
// 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();
};
Pixelbits的答案是正确的,您应该始终使用.then()来访问生产代码中承诺的值。
但是,有一种方法可以在promise被解析后直接访问它的值,方法是使用以下不支持的内部Node.js绑定:
process.binding('util').getPromiseDetails(myPromise)[1]
警告:过程。binding从未打算在Node.js核心之外使用,Node.js核心团队正在积极考虑弃用它
文档:流程的弃用文档。绑定# 22004
从流程迁移。绑定# 22064
我觉得这个例子不言自明。注意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}
在Node.js REPL中,为了获得一个承诺值的数据库连接,我采用了以下方法:
let connection
try {
(async () => {
connection = await returnsAPromiseResolvingToConnection()
})()
} catch(err) {
console.log(err)
}
带有await的行通常会返回一个promise。这段代码可以粘贴到Node.js的REPL中,或者保存在index.js中。它可以在Bash中运行
node -i -e "$(< index.js)"
这让你在运行脚本访问set变量后留在Node.js REPL中。例如,要确认异步函数已经返回,可以记录连接,然后就可以使用该变量了。当然,对于异步函数之外的脚本中的任何代码,人们都不希望依赖于异步函数被解析。
当在交互式提示符下进行实验时,可以通过在"then()"函数中将值赋给全局变量来访问Promise的值,例如:
> promise = new Promise((resolve, reject) => resolve(17));
Promise {
17,
[Symbol(async_id_symbol)]: 7600,
[Symbol(trigger_async_id_symbol)]: 5,
[Symbol(destroyed)]: { destroyed: false }
}
> global_cheat = null;
null
> promise.then((v) => { global_cheat = v; } );
Promise {
<pending>,
[Symbol(async_id_symbol)]: 7875,
[Symbol(trigger_async_id_symbol)]: 7600,
[Symbol(destroyed)]: { destroyed: false }
}
> global_cheat
17
在代码中,这种想法似乎总是迫使人们将“跟进”代码放入“then()”部分(或者,等效地,如果我理解的话,放入async/await模式,如果我理解的话,它再次被重写为“then()”模式)。我想这个想法是为了防止“阻塞”系统,尽管在我看来不提供同步获取值的后门对语言设计者来说太家长式了。
注意,还是从交互式命令行:
> xyz=null; promise.then((v) => {xyz = v;}); console.log(`xyz=${xyz}`);
xyz=null
这是因为“then()”中的代码还没有运行。
然而,在“下一行”(在交互提示符处),你可以这样做:
> xyz
17
实际上,在交互式(Node.js)提示符中,你可以“等待”:
> y = new Promise((resolve, reject) => resolve(23));
Promise {
23,
[Symbol(async_id_symbol)]: 10419,
[Symbol(trigger_async_id_symbol)]: 5,
[Symbol(destroyed)]: { destroyed: false }
}
> v = await y;
23
这在REPL实验时很有用。
你不能在一个“普通”函数中这样做:
> function foo() { let z = await y; return z; }
Uncaught SyntaxError:
Unexpected token 'y'
你可以在“async函数”中做到这一点,但这会让你保留一个承诺,而不是你想要的值:
> async function foo() { let z = await y; return z; }
undefined
> foo()
Promise {
<pending>,
[Symbol(async_id_symbol)]: 10571,
[Symbol(trigger_async_id_symbol)]: 5,
[Symbol(destroyed)]: { destroyed: false }
}