JavaScript 中的异步编程

Question

需要：将两次读取的文件最后合并一起

let result = {}
fs.readFile('./data.json', 'utf8', (err, data) => {
  result.name = JSON.parse(data).name
  fs.readFile('./user.json', 'utf8', (err, data) => {
    result.age = JSON.parse(data).age
    console.log(result)
  })
})

异步回调嵌套的问题，会导致代码难以维护，而且不方便处理错误

let result = {}
function checkValue () {
  if (Object.keys(result).length === 2) {
    console.log(result)
  }
}
fs.readFile('./data.json', 'utf8', (err, data) => {
  result.name = JSON.parse(data).name
  checkValue()
})
fs.readFile('./user.json', 'utf8', (err, data) => {
  result.age = JSON.parse(data).age
  checkValue()
})

多个异步同时执行，在某一时刻拿到最终结果

let result = {}
function after (times, callback) {
  return function (params) {
    if (--times === 0) {
      callback()
    }
  }
}

let checkValue = after(2, function (params) {
  console.log(result)
})

fs.readFile('./data.json', 'utf8', (err, data) => {
  result.name = JSON.parse(data).name
  checkValue()
})
fs.readFile('./user.json', 'utf8', (err, data) => {
  result.age = JSON.parse(data).age
  checkValue()
})

高阶函数处理

const fs = require('fs')

const result = {}
let Dep = {
  arr: [],
  on (fn) {
    this.arr.push(fn)
  },
  emit () {
    if (Object.keys(result).length === 2) {
      this.arr.forEach(fn => fn())
    }
  }
}

Dep.on(function () {
  console.log(result)
})

fs.readFile('./data.json', 'utf8', (err, data) => {
  result.name = JSON.parse(data).name
  Dep.emit()
})
fs.readFile('./user.json', 'utf8', (err, data) => {
  result.age = JSON.parse(data).age
  Dep.emit()
})