Promise -> Generator -> Async 異步處理方式的改變。 API 介紹 為了實(shí)現(xiàn)這個(gè)功能，我們需要用..."/>
溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

詳解ES6 系列之異步處理實(shí)戰(zhàn)

發(fā)布時(shí)間：2020-10-17 12:56:04 來(lái)源：腳本之家 閱讀：174 作者：冴羽 欄目：web開(kāi)發(fā)

前言

我們以查找指定目錄下的最大文件為例，感受從

回調(diào)函數(shù) -> Promise -> Generator -> Async

異步處理方式的改變。

API 介紹

為了實(shí)現(xiàn)這個(gè)功能，我們需要用到幾個(gè) Nodejs 的 API，所以我們來(lái)簡(jiǎn)單介紹一下。

fs.readdir
readdir 方法用于讀取目錄，返回一個(gè)包含文件和目錄的數(shù)組。

fs.stat
stat 方法的參數(shù)是一個(gè)文件或目錄，它產(chǎn)生一個(gè)對(duì)象，該對(duì)象包含了該文件或目錄的具體信息。此外，該對(duì)象還有一個(gè) isFile() 方法可以判斷正在處理的到底是一個(gè)文件，還是一個(gè)目錄。

思路分析

我們基本的實(shí)現(xiàn)思路就是：

  • 用 fs.readdir 獲取指定目錄的內(nèi)容信息
  • 循環(huán)遍歷內(nèi)容信息，使用 fs.stat 獲取該文件或者目錄的具體信息
  • 將具體信息儲(chǔ)存起來(lái)
  • 當(dāng)全部?jī)?chǔ)存起來(lái)后，篩選其中的是文件的信息
  • 遍歷比較，找出最大文件
  • 獲取并返回最大文件

然后我們直接上代碼吧。

回調(diào)函數(shù)

var fs = require('fs');
var path = require('path');

function findLargest(dir, cb) {
  // 讀取目錄下的所有文件
  fs.readdir(dir, function(er, files) {
    if (er) return cb(er);

    var counter = files.length;
    var errored = false;
    var stats = [];

    files.forEach(function(file, index) {
      // 讀取文件信息
      fs.stat(path.join(dir, file), function(er, stat) {

        if (errored) return;

        if (er) {
          errored = true;
          return cb(er);
        }

        stats[index] = stat;

        // 事先算好有多少個(gè)文件，讀完 1 個(gè)文件信息，計(jì)數(shù)減 1，當(dāng)為 0 時(shí)，說(shuō)明讀取完畢，此時(shí)執(zhí)行最終的比較操作
        if (--counter == 0) {

          var largest = stats
            .filter(function(stat) { return stat.isFile() })
            .reduce(function(prev, next) {
              if (prev.size > next.size) return prev
              return next
            })

          cb(null, files[stats.indexOf(largest)])
        }
      })
    })
  })
}

使用方式為：

// 查找當(dāng)前目錄最大的文件
findLargest('./', function(er, filename) {
  if (er) return console.error(er)
  console.log('largest file was:', filename)
});
Promise
var fs = require('fs');
var path = require('path');

var readDir = function(dir) {
  return new Promise(function(resolve, reject) {
    fs.readdir(dir, function(err, files) {
      if (err) reject(err);
      resolve(files)
    })
  })
}

var stat = function(path) {
  return new Promise(function(resolve, reject) {
    fs.stat(path, function(err, stat) {
      if (err) reject(err)
      resolve(stat)
    })
  })
}

function findLargest(dir) {
  return readDir(dir)
    .then(function(files) {
      let promises = files.map(file => stat(path.join(dir, file)))
      return Promise.all(promises).then(function(stats) {
        return { stats, files }
      })
    })
    .then(data => {

      let largest = data.stats
        .filter(function(stat) { return stat.isFile() })
        .reduce((prev, next) => {
          if (prev.size > next.size) return prev
          return next
        })

      return data.files[data.stats.indexOf(largest)]
    })

}

使用方式為：

findLargest('./')
.then(function(filename) {
  console.log('largest file was:', filename);
})
.catch(function() {
  console.log(error);
});
Generator
var fs = require('fs');
var path = require('path');

var co = require('co')

var readDir = function(dir) {
  return new Promise(function(resolve, reject) {
    fs.readdir(dir, function(err, files) {
      if (err) reject(err);
      resolve(files)
    })
  })
}

var stat = function(path) {
  return new Promise(function(resolve, reject) {
    fs.stat(path, function(err, stat) {
      if (err) reject(err)
      resolve(stat)
    })
  })
}

function* findLargest(dir) {
  var files = yield readDir(dir);
  var stats = yield files.map(function(file) {
    return stat(path.join(dir, file))
  })

  let largest = stats
    .filter(function(stat) { return stat.isFile() })
    .reduce((prev, next) => {
      if (prev.size > next.size) return prev
      return next
    })

  return files[stats.indexOf(largest)]

}

使用方式為：

co(findLargest, './')
.then(function(filename) {
  console.log('largest file was:', filename);
})
.catch(function() {
  console.log(error);
});
Async
var fs = require('fs');
var path = require('path');

var readDir = function(dir) {
  return new Promise(function(resolve, reject) {
    fs.readdir(dir, function(err, files) {
      if (err) reject(err);
      resolve(files)
    })
  })
}

var stat = function(path) {
  return new Promise(function(resolve, reject) {
    fs.stat(path, function(err, stat) {
      if (err) reject(err)
      resolve(stat)
    })
  })
}

async function findLargest(dir) {
  var files = await readDir(dir);

  let promises = files.map(file => stat(path.join(dir, file)))
  var stats = await Promise.all(promises)

  let largest = stats
    .filter(function(stat) { return stat.isFile() })
    .reduce((prev, next) => {
      if (prev.size > next.size) return prev
      return next
    })

  return files[stats.indexOf(largest)]

}

使用方式為：

findLargest('./')
.then(function(filename) {
  console.log('largest file was:', filename);
})
.catch(function() {
  console.log(error);
});

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手