异步封装API（回调函数应用）

冷不防 2022-10-31 01:36 169阅读 0赞

### 文章目录 ###

*   *  异步操作
     *  常见异步函数
     *  回调函数的实现

## 异步操作 ##

如果需要得到一个函数内部异步操作的结果，这是时候必须通过回调函数来获取

1.  在调用的位置传递一个函数进来
2.  在封装的函数内部调用传递进来的函数

比如

function fn() { 
      setTimeout(function () { 
        var data = 'hello'
      }, 1000)
    }

我想要得到 `fn()`里面的 `data` 数据，但是在函数里直接返回 data是不实际的，那么我们就要用到回调函数思想来解决这类问题

下面我们首先来看一般的异步函数有哪些

## 常见异步函数 ##

像

*  setTimeout
 *  readFile
 *  writeFile
 *  ajax
 *  事件…

都是常见的异步函数

需要得到以上任一 一个函数内部异步操作的结果，必须通过 回调函数来实现。

## 回调函数的实现 ##

思路  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]

function fn(callback) { 
      // var callback = function (data) { console.log(data) }
    
      setTimeout(function () { 
        var data = 'hello'
        callback(data)
      }, 1000)
    }
    
    // 如果需要获取一个函数中异步操作的结果，则必须通过回调函数来获取
    fn(function (data) { 
      console.log(data)
    })

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]: /images/20221024/b1fe25aa015e4f17a5090f4d45b77c28.png

发表评论取消回复

表情：

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

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

相关阅读

相关回调函数与同步异步

*1 js 是同步的语言；执行顺序是冲上往下的** 回调函数是异步的。代码的执行顺序分为：同步异步同步弊端：会发生执行阻塞异步不会发生阻塞， ...

朱雀/ 2024年04月17日 06:00/ 0 赞/ 67 阅读

相关回调函数：同步回调和异步回调

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

谁借莪１个温暖的怀抱￠/ 2023年06月18日 08:52/ 0 赞/ 4 阅读

相关同步回调函数与异步回调函数

//1.同步回调函数 const arr=[1,2,3]; arr.forEach(item=>{ conso

Bertha 。/ 2023年03月02日 07:42/ 0 赞/ 137 阅读

相关 C#中异步回调函数用法

普通回调： [https://blog.csdn.net/sajiazaici/article/details/78702144][https_blog.csdn.net_s

比眉伴天荒/ 2022年12月06日 15:59/ 0 赞/ 191 阅读

相关异步封装API（回调函数应用）

文章目录异步操作常见异步函数回调函数的实现异步操作如果需要得到一个函数内部异步操作的结果，这是时候必须通过回调函

冷不防/ 2022年10月31日 01:36/ 0 赞/ 170 阅读

相关 CompletableFuture异步回调

CompletableFuture CompletableFuture在Java里面被用于异步编程，异步通常意味着非阻塞，可以使得我们的任务单独运行在与主线程分离的其他线

刺骨的言语ヽ痛彻心扉/ 2022年09月08日 03:37/ 0 赞/ 203 阅读

相关 CompletableFuture异步回调

Future Future接口定义了操作异步任务执行一些方法，如获取异步任务的执行结果、取消任务的执行、判断任务是否被取消、判断任务执行是否完毕等。比如我们将任务提交到线

亦凉/ 2022年08月28日 13:42/ 0 赞/ 236 阅读

相关 Datatables中文API——回调函数

fnCookieCallback：还没有使用过 $(document).ready(function () { $('example').d

比眉伴天荒/ 2022年04月13日 07:30/ 0 赞/ 351 阅读

相关异步回调发展（地狱回调）

最近在看koa的代码基本上前几句就会写道async于是想写下关于链式操作的发展第一次普通Js回调时代，所有的异步操作都会写道cb function de

曾经终败给现在/ 2022年01月20日 00:27/ 0 赞/ 386 阅读

相关异步回调

异步回调 2019-08-14 目录 1 回调 2 使用wait和notify方法实现异步回调 3 使用CountDownLatch实现异步回调 1

雨点打透心脏的1/2处/ 2021年10月23日 16:34/ 0 赞/ 397 阅读