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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

html5 IndexedDb 獲取數據 異步轉同步

html5 IndexedDb 獲取數據 異步轉同步

眼眸繁星 2019-04-27 17:16:58
之前用localStorage,但是它有容量限制,現在切換成indexedDb但是看看之前的代碼,要改好多,原因就是本來一句話搞點的獲取數據:varmodulesJson=store.getStore(curStoreModule);現在要寫這么長:idb.get(this.curStore).then(res=>{console.info('task....',res);if(typeof(res)!='undefined')this.jobTask=res.json;if(this.curUser.DomainId!=0)this.jobTask.DomainId=this.curUser.DomainId;});而且必須是異步的,我無法直接通過一個方法返回數據,而且在then里面沒辦法返回獲取的數據,那是不是所有的邏輯都要寫在then里了。還有如果同時獲取多個數據,這個就更麻煩了,我現在開始懷疑這個異步API設計的是不是有問題。用起來好麻煩。是我用法不對還是怎么滴。求大佬們幫助,能不能寫個方法,直接能返回數據的,不要那個Promise返回。。。謝謝
查看完整描述

2 回答

?
慕容森

TA貢獻1853條經驗 獲得超18個贊

IndexedDB的作者把異步用的過度了。之前的版本是有同步訪問功能的,后來他去掉了,后來又說如果將來有必要,可以再加回來。在我看來,數據庫訪問至少在80%的情況下應該是同步的,必須等待結果,把它做成異步,會給應用層帶來很大麻煩。但是他現在既然已經這樣了,我們也只能忍著。
如果你的代碼可以用es7語法中的async/await方法的話,可以改成下面這樣:
asyncfunctiongetAllData(){
letdb=awaitidb.open('db-name',1)
lettx=db.transaction('objectStoreName','readonly')
letstore=tx.objectStore('objectStoreName')
letallSavedItems=awaitstore.getAll()
console.log(allSavedItems)
db.close()
}
這樣至少從代碼表面看起來實現了一個偽同步的效果。如果需要用在瀏覽器里的話,需要用babel把它轉成es5的語法。
                            
查看完整回答
反對 回復 2019-04-27
?
白衣染霜花

TA貢獻1796條經驗 獲得超10個贊

推薦使用localForage庫,可以使用很簡潔的方法操作IndexedDB、WebSQL或localStorage。
localforage.setItem('key','value',function(err){
//iferrisnon-null,wegotanerror
localforage.getItem('key',function(err,value){
//iferrisnon-null,wegotanerror.otherwise,valueisthevalue
});
});
                            
查看完整回答
反對 回復 2019-04-27
  • 2 回答
  • 0 關注
  • 298 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號