个人博客
个人博客,求关注,如果有不够清晰的,麻烦指出来,如果有很不正确的,多谢批评。
文章概叙
本文应用的场景是读取指定文件夹下面的所有文件,然后做操作,用到的方法是fs模块的readdir,以及require作为加载文件的例子
应用场景
讲一个大概的例子,比如现在一个系统,作用是对输入的数据做处理,根据不同的来源,做不同的处理,但是现在的逻辑只有两种处理方式,我们可以直接用一个简单的if-else或者Map做处理。但考虑到项目的扩展性,我们决定使用模块化的处理方式,即将不同的处理分装为一个js文件,接着匹配不同的行为准则,而这样做的好处就是其他人不需要再去改入口文件的代码,只需要插入新的模块就可以了,其实这也就是很标准的一种模块化思想。
数据准备
首先,先看下文件的架构,index.js是入口文件,而a.js以及b.js则是模块文件。a.js以及b.js都只是打印出一句话而已。
代码实现
实现过程不复杂,大概地讲解下,做一个简单的demo,大家就会明白如何处理了。
第一步,先用fs.readdir获取到指定文件夹下的所有文件名字。
javascript
const fs = require("fs");
const currentDirPath=__dirname;
fs.readdir(currentDirPath, (err, files) => {
if (!err) {
console.log(files);
}
})
readdir的参数主要有两个,一个是文件夹的路径,这儿我用当前的文件夹的路径,也就是代码中的currentDirPath。
第二个参数是回调参数,也就是我们的callback function,其中callback的第一个参数是boolean类型的err,也就是否报错,第二个参数则是文件名称的列表。
当前的打印如下
第二步,我们需要排除现在所属的index.js文件,当然不会那么low bee到去写一个值为'index.js'的常量,我们可以用__filename来获取当前文件的路径。
首先,看下打印出来__filename的值是什么
因此,我们还需要将前面的文件的路径以及最后的""去掉,只留下最后的文件名字,让下面的文件列表做循环的时候,能完美的匹配到我们当前文件的名字,最后的代码如下。
javascript
const fs = require("fs");
const currentDirPath = __dirname;
const currentFilePath = __filename
// 获取当前文件的名字,包含扩展名。
const currentFileName = currentFilePath
.replace(currentDirPath, '')
.substring(1);
// 获取指定文件夹下面的所有文件
fs.readdir(currentDirPath, (err, files) => {
if (!err) {
// 遍历文件
for (let index = 0; index < files.length; index++) {
const element = files[index];
// 如果当前入口文件
if (element !== currentFileName) {
console.log(element);
}
}
}
})
打印效果如下
第三步是最重要的加载模块,使用ts的朋友都知道我们加载文件的时候用的是import。而不是require。但是很遗憾,我这儿还是需要用require来加载(新博客会讲解下如何按需、动态加载)。原因也很简单,使用require是最简单的,这样子别人很容易就能接受,但是我也会大概的写下如何用import加载。
javascript
const fs = require("fs");
const currentDirPath = __dirname;
const currentFilePath = __filename
// 获取当前文件的名字,包含扩展名。
const currentFileName = currentFilePath
.replace(currentDirPath, '')
.substring(1);
// 获取指定文件夹下面的所有文件
fs.readdir(currentDirPath, async (err, files) => {
if (!err) {
// 遍历文件
for (let index = 0; index < files.length; index++) {
const element = files[index];
// 如果当前入口文件
if (element !== currentFileName) {
console.log(element);
// require 加载
require(`./${element}`);
// import 动态加载, 需要注意使用await的作用。
// await import(`./${element}`);
}
}
}
})
大体就是这样,自己敲一遍,你会发现没什么,因为真的没什么难度。只要熟悉各类的api都没啥问题,顶多是吃在了不熟悉api的亏上。但也并非百试百灵,比如在用mocha做单元测试的时候,我就不建议使用这种方式。因为超纲,我就不写怎么在mocha里面使用了
注意点
应该有朋友注意到,我专门使用了for...而不是使用最简单的forEach。结合到后面的await,我想大家也能猜到是因为async/await在for中才能起作用的原因。