拿JS异步函数返回值的几种方式

缺乏、安全感 2022-05-14 01:51 183阅读 0赞

在我们的编码过程中，为了满足业务需求，经常需要获取JS异步函数的返回值。今天就来汇总一下拿值的几种方式。  
1，通过回调函数的方式来拿返回值，这个想必大家不会陌生

function getSomething(cb) { 
        var r = 0;
        setTimeout(function() { 
            r = 2;
            cb(r)//回调函数
        },10)
    }
    function compute(x) { 
        alert(x * 2);
    }
    getSomething(compute);

2.通过promise的方式，这个之前有做过详细的介绍

function getSomething() { 
        var r = 0;
        return new Promise(function(resolve) { 
            setTimeout(function(){ 
                r = 2;
                resolve(r);
            },10)
        })
    }
    function compute(x) { 
        alert(x * 2);
    }
    getSomething().then(compute);

3.通过async的方式

function getSomething() { 
        var r = 0;
        return new Promise(function(resolve) { 
            setTimeout(function() { 
                r = 2;
                resolve(r);
            },10)
        })
    }
    async function compute() { 
        var x = await getSomething();
        alert(x * 2);
    }
    compute();

4.通过generator方式实现

function getSomething() { 
        var r = 0;
        setTimeout(function() { 
            r = 2;
            it.next(r);
        },10);
    }
    function *compute(it) { 
        var x = yield getSomething();
        alert(x * 2);
    }
    var it = compute();
    it.next();
    //同步的写法实现异步的逻辑

5.通过promise和generator相结合的方式

function getSomething() { 
        var r = 0;
        return new Promise(function(resolve) { 
            setTimeout(function() { 
                r = 2;
                resolve(r);
            },10)
        })
    }
    function *compute() { 
        var x = yield getSomething();
        alert(x * 2);
    }
    var it = compute();
    it.next().value.then(function(value) { 
        it.next(value);
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 如何已同步方式获取异步函数的返回值

普通函数的语句执行是同步的，就是一步一步按照代码顺序步骤执行。//函数1console.log("执行语句");//语句//函数2//函数3：箭头函数。

r囧r小猫/ 2024年04月22日 15:06/ 0 赞/ 49 阅读

相关 Java实现异步的几种方式

Java实现异步的几种方式 > 异步编程在对响应时间近乎严苛的今天，受到了越来越多的关注，尤其是在IO密集型业务中。对比传统的同步模式，异步编程可以提高服务器的响应时间和

末蓝、/ 2024年03月24日 10:48/ 0 赞/ 16 阅读

相关异步编程的几种方式，你知道几种？

![816824355d1709a5614ebe522feeab18.png][] 来源：http://ericfu.me/several-ways-to-aync 近期尝

阳光穿透心脏的1/2处/ 2023年01月21日 02:17/ 0 赞/ 246 阅读

相关从异步函数的返回值说起

引子 ![5a96a7505776211104b5e4fc28d763cf.png][] 相关资料 > [拿JS异步函数返回值的几种方式][JS] > [Jav

朴灿烈づ我的快乐病毒、/ 2022年12月23日 06:49/ 0 赞/ 152 阅读

相关从异步函数的返回值说起

引子 ![5a96a7505776211104b5e4fc28d763cf.png][] 相关资料 > [拿JS异步函数返回值的几种方式][JS] > [Jav

悠悠/ 2022年12月21日 14:56/ 0 赞/ 96 阅读

相关 JS中函数的返回值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

超、凢脫俗/ 2022年10月20日 12:15/ 0 赞/ 181 阅读

相关 SpringMVC的几种返回方式

1. package com.boventech.learning.controller; 2. 3. import java.util.HashMap;

忘是亡心i/ 2022年08月18日 10:47/ 0 赞/ 153 阅读

相关函数返回值的几种情况

在一个函数的内部，return的时候返回的都是一个拷贝，不管是变量、对象还是指针都是返回拷贝，但是这个拷贝是浅拷贝。 1. 如果返回一个基本类型的变量，比如：

末蓝、/ 2022年06月13日 10:40/ 0 赞/ 148 阅读

相关如何获取js异步请求返回值

使用定时函数模拟异步请求回调函数 function doSomething(callback){ setTimeou

Love The Way You Lie/ 2022年05月31日 12:55/ 0 赞/ 337 阅读

相关拿JS异步函数返回值的几种方式

在我们的编码过程中，为了满足业务需求，经常需要获取JS异步函数的返回值。今天就来汇总一下拿值的几种方式。 1，通过回调函数的方式来拿返回值，这个想必大家不会陌生

缺乏、安全感/ 2022年05月14日 01:51/ 0 赞/ 184 阅读