简单模拟node.js中require的加载机制


Posted in Javascript onOctober 27, 2016

一、先了解一下,nodejs中require的加载机制

1、require的加载文件顺序

require 加载文件时可以省略扩展名:

          require('./module');

     // 此时文件按 JS 文件执行

          require('./module.js');

     // 此时文件按 JSON 文件解析

          require('./module.json');

     // 此时文件预编译好的 C++ 模块执行

          require('./module.node');

     // 载入目录module目录中的 package.json 中main指向的文件

          require('./module/default.js');

     // 载入目录module 中的index.js文件

     通过 ./ 或 ../ 开头:则按照相对路径从当前文件所在文件夹开始寻找模块;

         require('../file.js'); => 上级目录下找 file.js 文件

     通过 / 开头:则以系统根目录开始寻找模块;

          require('/Users/iceStone/Documents/file.js'); => 以绝对路径的方式找,没有任何异议

     如果参数字符串不以“./“ 或 ”/“ 开头,则表示加载的是一个默认提供的核心模块(位于 Node 的系统安装目录中):

          require('fs'); => 加载核心模块中的文件系统模块

     或者从当前目录向上搜索 node_modules 目录中的文件:

          require('my_module'); => 各级 node_modules 文件夹中搜索 my_module.js 文件;

     如果 require 传入的是一个目录的路径,会自动查看该目录的 package.json 文件,然后加载 main 字段指定的入口文件

     如果package.json文件没有main字段,或者根本就没有package.json文件,则默认找目录下的 index.js 文件作为模块:

          require('./calcuator'); => 当前目录下找 calculator 目录中的 index.js 文件

2、require缓存

     第一次加载某个模块时,Node 会缓存该模块。以后再加载该模块,就直接从缓存取出该模块的 module.exports 属性(不会再次执行该模块)

     如果需要多次执行模块中的代码,一般可以让模块暴露行为(函数),模块的缓存可以通过 require.cache 拿到,同样也可以删除

3、所有代码都运行在模块作用域,不会污染全局作用域。

二、模拟require函数

require的加载内部比较复杂,下面让我们进行简单的模拟加载

require的简单实现机制为:

     将传入的模块id通过加载规则找到对应的模块文件

     读取这个文件里面的代码

     通过拼接方式为该段代码构建私有空间

     执行该代码

     拿到module.exports 返回

nodejs_require.js
 // [require函数模拟]

 "use strict"

 function $require(id) {
 //1、先查看模块是否存在,如果不存在则抛出 Can't found file
 //2、如果存在,就读取代码
 const fs = require('fs');
 const path = require('path');

 // 文件名
 let filename = id;
 //查看是否是绝对路径
 if (!path.isAbsolute(filename)) {
  filename = path.join(__dirname, id);
 }

 // 文件目录
 let dirname = path.dirname(filename);

 //模拟require的缓存机制
 $require.cache = $require.cache || {};
 if($require.cache[filename]){
  return $require.cache[filename].exports;
 }

 // 读取模块代码
 let code="";
 try {
  code = fs.readFileSync(filename,'utf-8'); // 阻塞读取文件,不会放入事件队列 
 } catch (error) {
  console.log(" [*]can't found file! ");
  throw error;
 }

 // console.log(code);

 // 3、执行代码,所要执行的代码,需要营造一个独立的空间

 // 定义一个数据容器,用容器去装模块导出的成员
 let _module = { // 每个js模块都会有一个全局的module变量
  id:'.',
  exports:{},
  parent:module,
  filename:filename
 };
 let _exports = _module.exports;

 // 营造一个独立空间
 code = `(function($require,module,_exports,__dirname,__filename){
  $[code]
 })($require,_module,_exports,dirname,filename)`;

 // 执行代码
 eval(code);

 // 缓存
 $require.cache[filename] = _module;
 // 返回结果
 return _module.exports;
 }


 setInterval(()=>{
  const rr = $require("./test.js");
  console.log(rr);
 },1000);

上面的模块测试使用的两个模块

//test.js
 const date = $require('./date.js');

 console.log(module);

 module.exports = date;

 //date.js
 module.exports = new Date();

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
基于jQuery的动态表格插件
Mar 28 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
Mar 13 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
Apr 06 Javascript
js中let能否完全替代IIFE
Jun 15 Javascript
Angular8基础应用之表单及其验证
Aug 11 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
jquery选择器和属性对象的操作实例分析
Jan 10 jQuery
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 Javascript
浅谈jquery中next与siblings的区别
Oct 27 #Javascript
vue多级多选菜单组件开发
Sep 08 #Javascript
使用Javascript监控前端相关数据的代码
Oct 27 #Javascript
js实现各种复制到剪贴板的方法(分享)
Oct 27 #Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
Oct 27 #Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
Oct 27 #Javascript
vue插件tab选项卡使用小结
Oct 27 #Javascript
You might like
PHP5.2中date()函数显示时间与北京时间相差8小时的解决办法
2009/05/28 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
2013/11/30 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
实例详解jQuery结合GridView控件的使用方法
2016/01/04 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
JS调用Android、Ios原生控件
2017/01/06 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
AjaxUpLoad.js实现文件上传
2018/03/05 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
js取小数点后两位四种方法
2019/01/18 Javascript
vue-cli3环境变量与分环境打包的方法示例
2019/02/18 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
Python的shutil模块中文件的复制操作函数详解
2016/07/05 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
python:print格式化输出到文件的实例
2018/05/14 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
python isinstance函数用法详解
2020/02/13 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
澳大利亚冲浪和时尚服装网上购物:SurfStitch
2017/07/29 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
2014年军人思想汇报范文
2014/10/12 职场文书
安全生产先进个人事迹材料
2014/12/30 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
民事辩护词范文
2015/05/21 职场文书
八年级作文之感恩
2019/11/22 职场文书
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android
在 HTML 页面中使用 React的场景分析
2022/01/18 Javascript