V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
DongZhe93
V2EX  ›  JavaScript

async/await 新手提问

  •  
  •   DongZhe93 · 2018-07-25 19:44:19 +08:00 · 2861 次点击
    这是一个创建于 2314 天前的主题,其中的信息可能已经有所发展或是发生改变。

    请问:类似下面结构的代码有什么优化的空间?刚开始使用 async/await,不知道用法是否正确?!

    async function showData(count = 0) {
        let data = await getData();
        if (data > 0.5) {
            if (count < 5) {
                return await showData();
            } else {
                return Promise.reject('无法获取');
            }
    
        } else {
            return Promise.resolve(data);
        }
    }
    
    function getData() {
        return new Promise((resolve) => {
            setTimeout(() => {
                resolve(Math.random());
            }, 1000);
        })
    }
    
    async function test() {
        try {
            let data = await showData();
            console.log(data);
        } catch (e) {
            console.log(e);
        }
    }
    
    test();
    
    3 条回复    2018-08-08 13:08:20 +08:00
    DongZhe93
        1
    DongZhe93  
    OP
       2018-07-25 19:56:04 +08:00
    第五行应该是 return await showData(count + 1);
    MinonHeart
        2
    MinonHeart  
       2018-07-25 21:11:32 +08:00
    在 async 函数中
    return 时 await 不必要
    return Promise.resolve(data) = return data;
    return Promise.reject(msg) = throw msg
    e8c47a0d
        3
    e8c47a0d  
       2018-08-08 13:08:20 +08:00
    return Promise.reject('无法获取') 可以换成 throw '无法获取'
    return Promise.resolve(data); 可以换成 return data
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2596 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 15:30 · PVG 23:30 · LAX 07:30 · JFK 10:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.