- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 TypeScript 应用程序中使用 Promises 从尽可能最佳的来源获取数据。首先应尝试 localStorage,然后对我的服务器进行 API 调用。我不确定这种方法是否是最好的,所以欢迎评论。
loadData(): Promise<void> {
return this.loadFromLocalStorage()
.catch(() => {
this.loadFromApi();
})
}
loadFromLocalStorage() : Promise<void> {
return new Promise((resolve, reject) => {
if( !this.isSupported(() => localStorage) ) reject("Localstorage is not supported");
data = JSON.parse( localStorage.getItem('metadata') );
if( !data || !data.date ) {console.log("no data"); reject("Not all data was present");}
this.setData(data, false).then(() => {resolve()});
});
}
loadFromApi() : Promise<void> {
return new Promise((resolve, reject) => {
this.http.get<{date?:string,ddi?:number,stoff?:number}>(this.apiUrl+'meta.json')
.subscribe(data => {
this.setData(data, true).then(() => resolve());
},
() => {
reject("API call failed");
});
});
}
setData(data, saveToLocal: boolean) : Promise<void> {
return new Promise((resolve) => {
let promises: Promise<Pilot|void>[] = [];
if (data.ddi) {
promises.push( this.pilotService.getById(data.ddi).then(ddi => this.ddi = ddi) );
}
// There's more promises by the way, this is simplified
Promise.all(promises).then(function() {
resolve();
});
});
}
现在我知道这里有一些错误,但主要问题是:如何处理在 promise 中返回 promise ?有必要吗?我尝试寻找一种解决方案来解决问题,但找不到一个考虑到当第一个 promise (从 localStorage 获取)失败时某些操作不会发生的解决方案。
最佳答案
您发布的答案中改进的代码很好,但仍然可以使其更加简洁和可维护:
throw
导致返回的 Promise 拒绝)try/catch
当使用await
时作为处理方法await
ed Promise 拒绝,它使代码非常直观async loadData(): Promise<void> {
try {
return await this.loadFromLocalStorage(); //await this one to catch rejections
} catch(e) {
console.log(e.message); //handle error
return this.loadFromApi(); //await or don't await this one, same result
}
}
async loadFromLocalStorage() : Promise<Pilot[]> {
if( !this.isSupported(() => localStorage) ) throw new Error("Not Supported");
//if JSON.parse errors, the promise will also convert the exception to a rejection
data = JSON.parse( localStorage.getItem('metadata') );
if( !data || !data.date ) throw new Error("No Data");
//this function returns a promise resolving with whatever `setData` resolves with
//or rejects if `setData` rejects
return this.setData(data, false);
}
//this one still needs to return a promise as it wraps a .subscribe()
loadFromApi() : Promise<(Pilot|void)[]> {
return new Promise((resolve, reject) => {
this.http.get<{date?:string,ddi?:number,stoff?:number}>(this.apiUrl+'meta.json')
.subscribe( data => {
resolve(this.setData(data, true)); //resolve with the data
},
reject); //if there's an error, just reject with the error
});
}
async setData(data, saveToLocal: boolean) : Promise<(Pilot|void)[]> {
let promises: Promise<Pilot|void>[] = [];
if (data.ddi) {
promises.push( this.pilotService.getById(data.ddi).then(ddi => this.ddi = ddi) );
}
//Promise.all will reject if any one of the inner promises rejects
//To circumvent this, add a .catch() to the inner promises
return Promise.all(promises);
}
此代码遵循 Promises 和 async/await 的更惯用用法。每个函数要么解析(如果成功),并返回一个有意义的值;要么拒绝(如果由于某种原因失败),并返回一个有意义的错误。
由于 async/await,任何错误也会导致拒绝将堆栈一直“冒泡”到调用者,即如果 loadFromApi()
中出现问题。 Promise 将拒绝并出现错误,然后导致 loadData()
也拒绝同样的错误,将其暴露给调用 loadData()
的函数并允许您封装此数据 API 的错误处理(任何内部函数引起的任何错误都可以“冒泡”到入口点 loadData()
并根据您的意愿进行处理)
关于javascript - 如何使用/重构嵌套的 Promise?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59769371/
如何从 promise 中退出 promise ? perl6 文档没有提供简单的方法。例如: my $x = start { loop { # loop forever until "qui
我的用户 Controller 中有一个索引操作,其中我试图连续做两件事,并且在它们都有机会完成之前不执行所需的 res.json() 方法。 我有一个加入用户的友谊加入模型。一列是 friender
请帮我解释一下为什么日志结果有两种不同: 方式 1:每 1 秒顺序记录一次 方式 2:1 秒后记录所有元素。 // Way 1 let sequence = Promise.resolve(); [1
我的问题很简单。 Promise.all() 方法可以返回 Promise 吗?让我解释一下: function simpleFunction() { let queue = [];
我正在使用 Promise 从存储中读取文件并转换为 base64 字符串。我有图像数组,使用 RNFS 读取图像 const promise_Images = _Images.map(async (
如果使用非空数组调用 Promise.all 或 Promise.race,它们将返回一个待处理的 Promise: console.log(Promise.all([1])); // prints
Promise.all 是否可以在没有包装 promise 的情况下返回链的最后一个值? 如果不使用 await,它在我的上下文中不起作用 没有包装的例子: function sum1(x){ r
我一直在玩 promise,通常能想出如何处理好它们,但在这种情况下,我不知道如何删除一个 promise-wrapping level。 代码如下: let promise2 = promise1.
考虑以下嵌套的Promises结构: const getData = async() => { const refs = [{ name: "John33", age: 3
我已经阅读了 Promise/A+ 规范,但据我了解,还有诸如 Promise/A 和 Promise 之类的东西。它们之间有什么区别? Promise 和 Promise/A 规范也是如此吗?如果是
当我运行以下代码时: my $timer = Promise.in(2); my $after = $timer.then({ say "2 seconds are over!"; 'result'
以下简单的 promise 是发誓的,我不允许打破它。 my $my_promise = start { loop {} # or sleep x; 'promise re
我正在尝试扩展Promise: class PersistedPromise extends Promise { } 然后在派生类上调用静态resolve以直接创建一个已解决的Promise: Per
我有两个返回 promise 的函数,我独立使用它们作为: getLocal().then(...) 和 getWeb().then(...) 但是现在我遇到了一个奇怪的问题: 1) 我需要第三个
我不知道 promise.all 解决方案中的 promise.all 是否是一个好的实践。我不确定。 我需要从一组用户获取信息,然后通过此信息响应,我需要发送消息通知。 let userList =
我一直在尝试使用 queueMicrotask() 函数,但我没有弄清楚当回调是微任务时回调的优先级如何。查看以下代码: function tasksAndMicroTasks() { const
我一直在尝试使用 queueMicrotask() 函数,但我没有弄清楚当回调是微任务时回调的优先级如何。查看以下代码: function tasksAndMicroTasks() { const
今年早些时候,我在 Pharo Smalltalk 参与了一个 promise 项目。这个想法是为了实现以下行为: ([ 30 seconds wait. 4 ]promiseValue )then:
大家好,提前感谢您的帮助。 下面是我正在尝试做的事情 function1(){ throw some error(); } function2() { // dosomething suc
我有以下未解析的代码。f2 解决了,所以我不会添加该代码,它是 f1 我有问题。 我调用函数,它到达最里面如果,它调用函数“find”,它执行函数 findId,完美返回 Id,然后执行 editId
我是一名优秀的程序员,十分优秀!