首頁猿問 html5 IndexedDb...

html5 IndexedDb 獲取數(shù)據(jù) 異步轉(zhuǎn)同步

JavaScript

眼眸繁星 2019-04-27 17:16:58

之前用localStorage，但是它有容量限制，現(xiàn)在切換成indexedDb但是看看之前的代碼，要改好多，原因就是本來一句話搞點的獲取數(shù)據(jù)：varmodulesJson=store.getStore(curStoreModule);現(xiàn)在要寫這么長：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;});而且必須是異步的，我無法直接通過一個方法返回數(shù)據(jù)，而且在then里面沒辦法返回獲取的數(shù)據(jù)，那是不是所有的邏輯都要寫在then里了。還有如果同時獲取多個數(shù)據(jù)，這個就更麻煩了，我現(xiàn)在開始懷疑這個異步API設計的是不是有問題。用起來好麻煩。是我用法不對還是怎么滴。求大佬們幫助，能不能寫個方法，直接能返回數(shù)據(jù)的，不要那個Promise返回。。。謝謝

查看完整描述

2 回答

慕容森

TA貢獻1853條經(jīng)驗獲得超18個贊

IndexedDB的作者把異步用的過度了。之前的版本是有同步訪問功能的，后來他去掉了，后來又說如果將來有必要，可以再加回來。在我看來，數(shù)據(jù)庫訪問至少在80%的情況下應該是同步的，必須等待結(jié)果，把它做成異步，會給應用層帶來很大麻煩。但是他現(xiàn)在既然已經(jīng)這樣了，我們也只能忍著。如果你的代碼可以用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()}這樣至少從代碼表面看起來實現(xiàn)了一個偽同步的效果。如果需要用在瀏覽器里的話，需要用babel把它轉(zhuǎn)成es5的語法。

反對回復 2019-04-27

白衣染霜花

TA貢獻1796條經(jīng)驗獲得超10個贊

推薦使用localForage庫，可以使用很簡潔的方法操作IndexedDB、WebSQL或localStorage。localforage.setItem('key','value',function(err){//iferrisnon-null,wegotanerrorlocalforage.getItem('key',function(err,value){//iferrisnon-null,wegotanerror.otherwise,valueisthevalue});});