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

文章目录

异步操作

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

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

比如

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

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

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

常见异步函数

像

• setTimeout
• readFile
• writeFile
• ajax
• 事件…

都是常见的异步函数

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

回调函数的实现

思路

function fn(callback) {
  // var callback = function (data) { console.log(data) }

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

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