node.js 如何监视文件变化


Posted in Javascript onSeptember 01, 2020

fs.FSWatcher

fs.FSWatcher类 继承了 EventEmitter,用于监视文件变化,调用 fs.watch 后返回一个 fs.FSWatcher 实例,每当指定监视的文件被修改时,实例会触发事件调用回调函数

fs.watch('./tmp', (eventType, filename) => {
 if (filename) {
  console.log(filename);
 }
});

fs.watch()

fs.watch(filename[, options][, listener]) 监视文件变化,返回 fs.FSWatcher 实例

1.filename:文件或文件夹路径

2.options

  • encoding
  • recursive:默认值 false,应该监视所有子目录,还是仅监视当前目录,仅在 macOS 和 Windows 上支持
  • persistent:默认值 true,指示如果文件已正被监视,进程是否应继续运行
  • listener(eventType, filename):文件变化回调函数

eventType 主要是 renamechange ,在大多数平台上,文件在目录中出现或消失时触发 'rename' 事件,在 Windows 上,如果监视的目录被移动或重命名,则不会触发任何事件,当监视的目录被删除时,则报告 EPERM 错误

fs.watch('./', { recursive: true }, (eventType, filename) => {
 console.log(eventType, filename);
});

fs.watchFile()

fs.watchFile(filename[, options], listener) 用于监视文件变化

1.filename

2.options

  • biginit:默认值 false,指定回调 stat 中的数值是否为 biginit 类型
  • persistent:默认值 true,当文件正在被监视时,进程是否应该继续运行
  • interval:默认值 5007,用来指定轮询频率(ms)

3.listener(currentStats, previousStats):listener 有两个参数,当前的 stat 对象和之前的 stat 对象
要在修改文件时收到通知,则需要比较 curr.mtime prev.mtime

const fs = require('fs');

fs.watchFile('./test.txt', { interval: 100 }, (curr, prev) => {
 console.log('当前的最近修改时间是: ' + curr.mtime);
 console.log('之前的最近修改时间是: ' + prev.mtime);
});

const tid = setInterval(() => {
 fs.appendFile('./test.txt', 'Hello, world!\n', err => {
  if (err) throw err;
  console.log('文件修改完成');
 });
}, 300);

setTimeout(() => {
 clearInterval(tid);
 fs.unwatchFile('./test.txt');
}, 2000);

fs.watch() 与 fs.watchFile()

因为 fs.watchFile() 使用轮训方式检测文件变化,如果不设置 interval 或者设置较高的值会发现文件变化的监视有延迟
而 fs.watch() 监听操作系统提供的事件,而且可以监视目录变化,使用 fs.watch() 比 fs.watchFile() 更高效,平常应尽可能使用 fs.watch() 代替 fs.watchFile()

当然 fs.watch() 依赖操作系统的实现,在不同平台上表现会有差异

  • Linux 操作系统使用 inotify
  • 在 macOS 系统使用 FSEvents
  • 在 windows 系统使用 ReadDirectoryChangesW

fs.unwatchFile

fs.unwatchFile(filename[, listener]) 停止监视 filename 的变化,如果指定了 listener,则仅移除此特定监听器,否则将移除所有监听器,从而停止监视 filename

fs.unwatchFile('./test.txt');

社区选择

fs.watchFile() 性能问题,fs.watch() 平台不一致等两个方法都有不尽如人意的地方

Node.js fs.watch:

MacOS 有时候不提供 filename
在部分场景不触发修改事件(MacOS Sublime)
经常一次修改两次触发事件
大部分文件变化 eventType 都是 rename.
未提供简单的监视文件树方式

Node.js fs.watchFile:

事件处理问题和 fs.watch 一样烂
没有嵌套监听
CPU 消耗大

https://www.npmjs.com/package/chokidar

日常在监视文件变化可以选择社区的优秀方案

  1. node-watch
  2. chokidar
const chokidar = require('chokidar');
 
// One-liner for current directory
chokidar.watch('.').on('all', (event, path) => {
 console.log(event, path);
});
// Initialize watcher.
const watcher = chokidar.watch('file, dir, glob, or array', {
 ignored: /(^|[\/\\])\../, // ignore dotfiles
 persistent: true
});
 
// Something to use when events are received.
const log = console.log.bind(console);
// Add event listeners.
watcher
 .on('add', path => log(`File ${path} has been added`))
 .on('change', path => log(`File ${path} has been changed`))
 .on('unlink', path => log(`File ${path} has been removed`));
 
// More possible events.
watcher
 .on('addDir', path => log(`Directory ${path} has been added`))
 .on('unlinkDir', path => log(`Directory ${path} has been removed`))
 .on('error', error => log(`Watcher error: ${error}`))
 .on('ready', () => log('Initial scan complete. Ready for changes'))
 .on('raw', (event, path, details) => { // internal
  log('Raw event info:', event, path, details);
 });

以上就是node.js 如何监视文件变化的详细内容,更多关于node.js 监视文件的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
JavaScript中“+”的陷阱深刻理解
Dec 04 Javascript
table insertRow、deleteRow定义和用法总结
May 14 Javascript
javascript清空table表格的方法
May 14 Javascript
浅谈javascript的call()、apply()、bind()的用法
Feb 21 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
Oct 10 Javascript
JavaScript基础——使用Canvas绘图
Nov 02 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
原生js更改css样式的两种方式
Mar 15 Javascript
在element-ui的select下拉框加上滚动加载
Apr 18 Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 Javascript
vue 实现锚点功能操作
Aug 10 Javascript
JS JQuery获取data-*属性值方法解析
Sep 01 #jQuery
谈谈node.js中的模块系统
Sep 01 #Javascript
JavaScript浅层克隆与深度克隆示例详解
Sep 01 #Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
Sep 01 #Javascript
vue离开当前页面触发的函数代码
Sep 01 #Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
Sep 01 #Javascript
Node.js web 应用如何封装到Docker容器中
Sep 01 #Javascript
You might like
PHP Class&Object -- 解析PHP实现二叉树
2013/06/25 PHP
php分页函数完整实例代码
2014/09/22 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
Javascript面向对象编程(三) 非构造函数的继承
2011/08/28 Javascript
jquery更换文章内容与改变字体大小代码
2013/09/30 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
Area 区域实现post提交数据的js写法
2014/04/22 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
2020/03/26 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
BootStrap 弹出层代码
2017/02/09 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
JS中的三个循环小结
2017/06/20 Javascript
Vue Cli与BootStrap结合实现表格分页功能
2017/08/18 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
Python 多线程不加锁分块读取文件的方法
2018/12/11 Python
Python实现word2Vec model过程解析
2019/12/16 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
python数据爬下来保存的位置
2020/02/17 Python
Python如何自动获取目标网站最新通知
2020/06/18 Python
python 两种方法修改文件的创建时间、修改时间、访问时间
2020/09/26 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
应聘医学检验人员自荐信
2013/09/27 职场文书
2013年入党人员的自我鉴定
2013/10/25 职场文书
总会计师岗位职责
2014/02/19 职场文书
模特职业生涯规划范文
2014/02/26 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
经理聘任证明
2015/03/02 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
幼儿园2016年圣诞活动总结
2016/03/31 职场文书
go 原生http web 服务跨域restful api的写法介绍
2021/04/27 Golang