我如何拒绝一个承诺,返回的异步/等待函数?
例如最初:
foo(id: string): Promise<A> {
return new Promise((resolve, reject) => {
someAsyncPromise().then((value)=>resolve(200)).catch((err)=>reject(400))
});
}
翻译成async/await:
async foo(id: string): Promise<A> {
try{
await someAsyncPromise();
return 200;
} catch(error) {//here goes if someAsyncPromise() rejected}
return 400; //this will result in a resolved promise.
});
}
那么,在这种情况下,我如何正确地拒绝这个承诺呢?
我有一个建议,以一种新颖的方法正确处理拒绝,而不需要多个try-catch块。
import to from './to';
async foo(id: string): Promise<A> {
let err, result;
[err, result] = await to(someAsyncPromise()); // notice the to() here
if (err) {
return 400;
}
return 200;
}
哪里去。Ts函数应该从:
export default function to(promise: Promise<any>): Promise<any> {
return promise.then(data => {
return [null, data];
}).catch(err => [err]);
}
感谢迪马·格罗斯曼在以下链接。
最好的方法是抛出一个Error包装值,这将导致一个被拒绝的承诺和一个Error包装值:
} catch (error) {
throw new Error(400);
}
你也可以直接抛出值,但这样就没有堆栈跟踪信息了:
} catch (error) {
throw 400;
}
或者,返回一个被拒绝的承诺,并将其值包装为Error,但这不是惯用的:
} catch (error) {
return Promise.reject(new Error(400));
}
(或者直接返回Promise.reject(400);,但同样没有上下文信息。)
在你的例子中,当你使用TypeScript并且foo的返回值是Promise<A>时,你会这样使用:
return Promise.reject<A>(400 /*or Error*/ );
在async/await情况下,最后一种方法可能有点语义不匹配,但它确实有效。
如果你抛出一个Error,它可以很好地处理任何使用await语法的foo的结果:
try {
await foo();
} catch (error) {
// Here, `error` would be an `Error` (with stack trace, etc.).
// Whereas if you used `throw 400`, it would just be `400`.
}
您可以创建一个包装器函数,它接受一个promise,如果没有错误则返回一个包含数据的数组,如果有错误则返回错误。
function safePromise(promise) {
return promise.then(data => [ data ]).catch(error => [ null, error ]);
}
在ES7和异步函数中像这样使用它:
async function checkItem() {
const [ item, error ] = await safePromise(getItem(id));
if (error) { return null; } // handle error and return
return item; // no error so safe to use item
}
编写async函数的一个更好的方法是从一开始就返回一个挂起的Promise,然后在Promise的回调中处理拒绝和解决,而不是在错误时抛出一个被拒绝的Promise。例子:
async foo(id: string): Promise<A> {
return new Promise(function(resolve, reject) {
// execute some code here
if (success) { // let's say this is a boolean value from line above
return resolve(success);
} else {
return reject(error); // this can be anything, preferably an Error object to catch the stacktrace from this function
}
});
}
然后你只需在返回的promise上链接方法:
async function bar () {
try {
var result = await foo("someID")
// use the result here
} catch (error) {
// handle error here
}
}
bar()
来源-本教程:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise