首頁(yè) 猿問(wèn) 有沒(méi)有人遇到過(guò)這個(gè)問(wèn)題哈！html...

有沒(méi)有人遇到過(guò)這個(gè)問(wèn)題哈！html5 IndexedDb 獲取數(shù)據(jù) 異步轉(zhuǎn)同步跪求！

JavaScript

慕村225694 2019-06-09 11:46:17

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

查看完整描述

2 回答

慕娘9325324

TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊

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

反對(duì) 回復(fù) 2019-06-09

青春有我

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊

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