在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ js類的constructor中不支持異步函數(shù)嗎？

js類的constructor中不支持異步函數(shù)嗎？

項(xiàng)目購物車是用class類來寫的，之前用于PC端，所有購物車的增刪改查都是放在localStorage中，沒什么問題
后來引入了微信瀏覽器中，微信瀏覽器的cookie、localStorage本地存儲(chǔ)的有一系列問題，可以說基本不能本地存儲(chǔ)，所以才用了服務(wù)器存儲(chǔ)，通過接口上傳及下載數(shù)據(jù)！以下是部分代碼
`
    class ShopCarTool{
      constructor(store){
       // var shopCar = DB.getItem('shop-car').toJson()// 從localStorage獲取
        /* 從服務(wù)器獲取 */
        let shopCar={};
        axios.get(url).then(res=>{
            shopCar=res.data
        })
        if(!shopCar){
          DB.setItem('shop-car', JSON.stringify(shopCar = {}))
        }
        this.$store = store
        this.shopCarDB = shopCar
      }
      length() {//獲取購物車商品數(shù)量小角標(biāo)
        var n = 0;
        for(var i in this.shopCarDB){
          n += this.shopCarDB[i].length
        }
        return n
      }
    }

`

    現(xiàn)在的問題，通過localStorage獲取數(shù)據(jù)，可以把數(shù)據(jù)傳到shopCarDB 中，
    從而length()這個(gè)方法可以得到購物車內(nèi)商品的數(shù)量，可以顯示!
    ![圖片描述][1]
    通過服務(wù)器請(qǐng)求的話，是耗時(shí)操作，length()方法里面的shopCarDB為空，即使服務(wù)器返回的數(shù)據(jù)不為空，
    自己感覺是 constructor內(nèi)部不支持異步，不知道何理，請(qǐng)大神賜教

寫過new Promise方法調(diào)用length()，或者把this.shopCarDB = shopCar放在請(qǐng)求的返回里面都不行，直接從上到下執(zhí)行，導(dǎo)致這條路通不了，
雖然通過別的方案解決了購物車為空的問題，但是想一探究竟，另外獲取localStorage內(nèi)存儲(chǔ)的數(shù)據(jù)是耗時(shí)操作嗎
回答
編輯回答
傻丟丟

一般來說，如果有需要異步初始化的操作的話。都是在constructor中調(diào)用異步函數(shù)，初始化完畢用事件去提醒外部，外部只需要監(jiān)聽事件，如果是非事件型的對(duì)象，外部可以多寫一個(gè)await他的初始化函數(shù)來讓其完成異步的數(shù)據(jù)調(diào)用。

另一個(gè)答案的方法也很好，通過一個(gè)函數(shù)預(yù)先拿到初始化數(shù)據(jù)再實(shí)例這個(gè)類

2017年5月17日 05:40
編輯回答
墨沫

如果是普通函數(shù)，可以用async 和await來解決你的問題
但你這個(gè)是在constructor里，constructor 的作用是返回一個(gè)對(duì)像實(shí)例，如果加了async就變成返回一個(gè)promise了，所以這個(gè)方法行不通，因?yàn)樽霾坏郊确祷匾粋€(gè)promise又返回一個(gè)object 實(shí)例

可以用變通方法

class ShopCarTool{
      constructor(store，from_async){
       // var shopCar = DB.getItem('shop-car').toJson()// 從localStorage獲取
        /* 從服務(wù)器獲取 */
        
        
        if(!from_async){
          DB.setItem('shop-car', JSON.stringify(shopCar = {}))
        }
        this.$store = store
        this.shopCarDB = from_async
      }
      static async build(store){
          let data = await axios.get(url)
          return new ShopCarTool(store,async_result);
      }
      length() {//獲取購物車商品數(shù)量小角標(biāo)
        var n = 0;
        for(var i in this.shopCarDB){
          n += this.shopCarDB[i].length
        }
        return n
      }
    }
所以你哪你要實(shí)例化也改成
var tool = await ShopCarTool.build(store)

tips: 代碼沒有經(jīng)過嚴(yán)格驗(yàn)證，就是這么個(gè)意思，不要照抄

2017年9月14日 18:52