异步/伺机不在的forEach

工作尝试使用异步/地等待着forEach异步/伺机不在的forEach

export let appState = observable({ 
     bunny : [] 
    }); 

    appState.loadBunny = async function(bugs) { 
    bugs.forEach(function(data) { 
     let temp = {}; 
     temp['id'] = data.id; 
     temp['site_url'] = data.site_url; 
     temp['email'] = await decrypt(sessionStorage.getItem('key'), data.email); 
     temp['username'] = await decrypt(sessionStorage.getItem('key'), data.username); 
     temp['password'] = await decrypt(sessionStorage.getItem('key'), data.password); 
     temp['note'] = await decrypt(sessionStorage.getItem('key'), data.note); 
     temp['tag'] = await decrypt(sessionStorage.getItem('key'), data.tag); 
     temp['created_at'] = data.created_at; 
     temp['updated_at'] = data.updated_at; 
     runInAction("update state after decrypting data",() => { 
      this.bunny.push(temp); 
     }); 

    }); 
}; 

    appState.fetch = async function() { 
     let xoxo = await axios.get('/api/vault/', { 
      headers: {'Authorization': "JWT " + sessionStorage.getItem('token')} 
     }); 
     this.loadBunny(xoxo.data); 
    }

时获得意外的标记，这里是错误：

ERROR in ./static/apps/store/passwords.js 
Module build failed: SyntaxError: ...static/apps/store/passwords.js: Unexpected token (15:30) 
    13 |   temp['id'] = data.id; 
    14 |   temp['site_url'] = data.site_url; 
> 15 |   temp['email'] = await decrypt(sessionStorage.getItem('key'), data.email); 
    |        ^
    16 |   temp['username'] = await decrypt(sessionStorage.getItem('key'), data.username);

来源

2016-07-31 pyprism

您只能在'async'函数中“await”。 – zerkms

await应该用在async函数中，并且它被用在forEach回调函数中，这是常规函数。

即使async函数被提供为forEach回调，由于forEach什么也没有返回，因此无法获得承诺。

要做到这一点，承诺链应手动形成。

appState.loadBunny = async function(bugs) { 
    let promise = Promise.resolve(); 

    bugs.forEach(function(data) { 
     promise = promise.then(async function() { 
     let temp = {}; 
     ... 
     }); 
    }); 

    await promise; 
    }

这就是为什么for...of是async功能所必需的理由：

appState.loadBunny = async function(bugs) { 
    for (const data of bugs) { 
     let temp = {}; 
     ... 
    }); 
    }

发生器功能与yield行为类似于在这种情况下。

来源

2016-07-31 11:58:15 estus

其实'forEach'不会返回任何东西。 – Bergi

@Bergi当然，谢谢你注意到这一点。 – estus

await只能一个async函数中，像这样：

async function test() { 
    await myObj.setObj(2, 3); 

    console.log(obj.a + obj.b); 
} 

test();

至于这样，你应该重构您的代码，以便这些await decrypt(sessionStorage.getItem('key'), data.email调用位于其自己的async函数内。

来源

2016-07-31 05:24:31

异步/伺机不在的forEach

回答

相关问题