已解決430363個問題，去搜搜看，總會有你想問的

在打字稿中編寫 if..else 塊并在其間進行網絡調用的更好方法

首頁猿問在打字稿中編寫 if..else...

在打字稿中編寫 if..else 塊并在其間進行網絡調用的更好方法

JavaScript

繁花不似錦 2023-05-25 18:06:12

我發現自己寫了很多這樣的代碼；if(cond){ /*do some network call */ this.networkService.invoke(params).subscribe((res) => { this.doSomething(); })}else{ /* do something without calling the network */ this.doSomething();}本質上，this.doSomething();無論是否滿足條件都必須調用。如果cond === true，則進行一些網絡調用，然后this.doSomething()。有沒有更好的方法來編寫這樣的代碼？

查看完整描述

2 回答

慕容3067478

TA貢獻1773條經驗獲得超3個贊

通過將您的 observable 轉換為 promise 并使父函數異步，您可以這樣做：

async parentFunction() {

...

cond && await this.networkService.invoke(params).toPromise()

this.doSomething();

}

反對回復 2023-05-25

慕尼黑的夜晚無繁華

TA貢獻1864條經驗獲得超6個贊

也許這不是你要問的，但大多數時候（恕我直言）這種代碼的問題是它有時是同步的，有時是異步的。為避免這種情況，您可以使用rxjs運算符of始終采用異步方式。

我最近用緩存服務做了類似的事情。這里的想法是Observable即使數據已經加載，也總是返回一個；

private data: SomeData[] = null;

private isLoadedOrOnItsWay = false;

private subject: Subject<SomeData[]> = new Subject<SomeData[]>();

constructor(private dataService: DataService) { }

public getAll(): Observable<SomeData[]> {

if (!this.isLoadedOrOnItsWay) {

this.isLoadedOrOnItsWay = true;

this.dataService.getData<SomeData[]>().subscribe(x => {

// Load from service...

this.data = x;

this.subject.next(x);

});

} else if (this.data) {

// Get from cache

return of(this.data);

}

// Return subject and wait for data to be loaded

return this.subject;

}

反對回復 2023-05-25

2 回答
0 關注
151 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在打字稿中編寫 if..else 塊并在其間進行網絡調用的更好方法

在打字稿中編寫 if..else 塊并在其間進行網絡調用的更好方法

2 回答

添加回答