zoukankan      html  css  js  c++  java
  • [ES7] Await multi promises sequentially or concurrently

    Somtime 'async await' can have a bad effect on code proferemence. Let's take a look the below example:

    const fetch = require('node-fetch');
    const BASE_URL = 'https://api.github.com/users';
    
    class GithubUser {
        async fetchGitHubUser(handle) {
            const response = await fetch(`${BASE_URL}/${handle}`);
            const body =  await response.json();
    
            if (response.status !== 200) {
                throw Error(body.message);
            }
    
            return body;
        }
    
        async fetchGitHubRepos(handle) {
            const response = await fetch(`${BASE_URL}/${handle}/repos`);
            const body = await response.json();
    
            if (response.status !== 200) {
                throw Error(body.message);
            }
    
            return body;
        }
    }
    
    (async () => {
        const github = new GithubUser();
    
        try {
            const user = await github.fetchGitHubUser('zhentian-wan');
            const repos = await github.fetchGitHubRepos('zhentian-wan');
            console.log(user);
            console.log(repos);
        } catch(err) {
            console.error(err);
        }
    
    
    })();

    In the example, we are doing two await operations sequentially:

            const user = await github.fetchGitHubUser('zhentian-wan');
            const repos = await github.fetchGitHubRepos('zhentian-wan');

    Remember that 'await' will pause the JS execution until promise resolve or reject.

    So if one api request cost 0.5s then two in sequence will cose 1s. 

    The way to solve the problem is by converting operations to concurrently:

            const userPromise = github.fetchGitHubUser('zhentian-wan');
            const reposPromise = github.fetchGitHubRepos('zhentian-wan');
    
            const user = await userPromise;
            const repos = await reposPromise;
    
            console.log(user.name);
            console.log(repos.length);

    Or we can use Promise.all:

            const [user, repos] = await Promise.all([
                            github.fetchGitHubUser('zhentian-wan'),
                            github.fetchGitHubRepos('zhentian-wan')
                        ]);
    
            console.log(user.name, repos.length);

    Of course, tow approaches are not the same, Promise.all will throw error if one of the request throw error. 

  • 相关阅读:
    C#开源爬虫NCrawler源代码解读以及将其移植到python3.2(3)
    C#开源爬虫NCrawler源代码解读以及将其移植到python3.2(2)
    C#开源爬虫NCrawler源代码解读以及将其移植到python3.2(1)
    python将项目文件打包发布的脚本(保留原来的项目结构)
    .net stream 转成 bytes[] 的实例和注意事项
    大区间素数筛选(POJ 2689)
    B. Duff in Love
    A. Duff and Meat
    NEFU_117素数个数的位数
    HDU_5504 GT and sequence
  • 原文地址:https://www.cnblogs.com/Answer1215/p/6807329.html
Copyright © 2011-2022 走看看