作为前端开发者,不可避免每天都要跟 Node.js
打交道。Node
遵循 Commonjs
规范,规范的核心是通过 require
来加载依赖的其他模块。我们已经常习惯于使用社区提供的各种库,但对于模块引用的背后原理知之甚少。这篇文章通过源码阅读,浅析在 commonjs
规范中 require
背后的工作原理。
大家都知道,在 node js
的模块/文件中,有些“全局”变量是可以直接使用的,比如 require, module, __dirname, __filename, exports
。其实这些变量或方法并不是“全局”的,而是在 commonjs
模块加载中, 通过包裹的形式,提供的局部变量。
module.exports = function () {
console.log(__dirname);
}
经过 compile
之后,就有了 module
,__dirname
等变量可以直接使用。
(function (exports, require, module, __filename, __dirname) {
module.exports = function () {
console.log(__dirname);
}
})
这也可以很好解答初学者常常会困惑的问题,为什么给 exports
赋值,require
之后得到的结果是 undefined?
// 直接给 exports 赋值是不会生效的
(function (exports, module) {
exports = function () {
}
})(m.exports, m)
return m.exports;
直接赋值只是修改了局部变脸 exports
的值。最终 export
出去的 module.exports
没有被赋值。
文档中描述得非常清楚,简化版 require
模块的查找过程如下:在 Y
路径下,require(X)
/Users/helkyle/projects/learning-module/foo.js
中 require('bar') 将会从/Users/helkyle/projects/learning-module/
开始逐层往上查找bar
模块(不是以 './', '/', '../'
开头)。'/Users/helkyle/projects/learning-module/node_modules',
'/Users/helkyle/projects/node_modules',
'/Users/helkyle/node_modules',
'/Users/node_modules',
'/node_modules'
需要注意的是,在使用 npm link
功能的时候,被 link
模块内的 require
会以被 link
模块在文件系统中的绝对路径进行查找,而不是 main module
所在的路径。举个例子,假设有两个模块。
/usr/lib/foo
/usr/lib/bar
通过 link
形式在 foo
模块中 link bar
,会产生软连 /usr/lib/foo/node_modules/bar
指向 /usr/lib/bar
,这种情况下 bar
模块下 require('quux')
的查找路径是 /usr/lib/bar/node_modules/
而不是 /usr/lib/foo/node_modules
我之前踩过的坑
在实践过程中能了解到,实际上 Node module require
的过程会有缓存。也就是两次 require
同一个 module
会得到一样的结果。
// a.js
module.exports = {
foo: 1,
};
// b.js
const a1 = require('./a.js');
a1.foo = 2;
const a2 = require('./a.js');
console.log(a2.foo); // 2
console.log(a1 === a2); // true
执行 node b.js
,可以看到,第二次 require a.js
跟第一次 require
得到的是相同的模块引用。从源码上看,require
是对 module
常用方法的封装。
function makeRequireFunction(mod, redirects) {
const Module = mod.constructor;
let require;
// 简化其他代码
require = function require(path) {
return mod.require(path);
};
function resolve(request, options) {
validateString(request, 'request');
return Module._resolveFilename(request, mod, false, options);
}
require.resolve = resolve;
function paths(request) {
validateString(request, 'request');
return Module._resolveLookupPaths(request, mod);
}
resolve.paths = paths;
require.main = process.mainModule;
require.extensions = Module._extensions;
require.cache = Module._cache;
return require;
}
跟踪代码看到,require()
最终调用的是 Module._load
方法:// 忽略代码,看看 load
的过程发生了什么?
Module._load = function(request, parent, isMain) {
// 调用 _resolveFilename 获得模块绝对路径
const filename = Module._resolveFilename(request, parent, isMain);
const cachedModule = Module._cache[filename];
if (cachedModule !== undefined) {
// 如果存在缓存,直接返回缓存的 exports 对象
return cachedModule.exports;
}
// 内建模块直接返回
const mod = loadNativeModule(filename, request, experimentalModules);
if (mod && mod.canBeRequiredByUsers) return mod.exports;
// 创建新的 module 对象
const module = new Module(filename, parent);
// main module 特殊处理
if (isMain) {
process.mainModule = module;
module.id = '.';
}
// 缓存 module
Module._cache[filename] = module;
// 返回 module exports 对象
return module.exports;
};
到这里,module cache
的原理也很清晰,模块在首次加载后,会以模块绝对路径为 key
缓存在 Module._cache
属性上,再次 require
时会直接返回已缓存的结果以提高 效率。在控制台打印 require.cache
看看。
// b.js
require('./a.js');
require('./a.js');
console.log(require.cache);
缓存中有两个key
,分别是 a.js, b.js
文件在系统中的绝对路径。value
则是对应模块 load
之后的 module
对象。所以第二次 require('./a.js')
的结果是 require.cache['/Users/helkyle/projects/learning-module/a.js'].exports
和第一次 require
指向的是同一个 Object
。
{
'/Users/helkyle/projects/learning-module/b.js':
Module {
id: '.',
exports: {},
parent: null,
filename: '/Users/helkyle/projects/learning-module/b.js',
loaded: false,
children: [ [Object] ],
paths:
[ '/Users/helkyle/projects/learning-module/node_modules',
'/Users/helkyle/projects/node_modules',
'/Users/helkyle/node_modules',
'/Users/node_modules',
'/node_modules' ] },
'/Users/helkyle/projects/learning-module/a.js':
Module {
id: '/Users/helkyle/projects/learning-module/a.js',
exports: { foo: 1 },
parent:
Module {
id: '.',
exports: {},
parent: null,
filename: '/Users/helkyle/projects/learning-module/b.js',
loaded: false,
children: [Array],
paths: [Array] },
filename: '/Users/helkyle/projects/learning-module/a.js',
loaded: true,
children: [],
paths: [
'/Users/helkyle/projects/learning-module/node_modules',
'/Users/helkyle/projects/node_modules',
'/Users/helkyle/node_modules',
'/Users/node_modules',
'/node_modules'
]
}
}
jest
是 Facebook 开源的前端测试库,提供了很多非常强大又实用的功能。mock module
是其中非常抢眼的特性。使用方式是在需要被 mock 的文件模块同级目录下的 __mock__
文件夹添加同名文件,执行测试代码时运行 jest.mock(modulePath),jest
会自动加载 mock
版本的 module
。举个例子,项目中有个 apis 文件,提供对接后端 api。
// /projects/foo/apis.js
module.export = {
getUsers: () => fetch('api/users')
};
在跑测试过程中,不希望它真的连接后端请求。这时候根据 jest 文档,在 apis 文件同级目录创建 mock file
// /projects/foo/__mock__/apis.js
module.exports = {
getUsers: () => [
{
id: "1",
name: "Helkyle"
},
{
id: "2",
name: "Chinuketsu"
}
]
}
测试文件中,主动调用 jest.mock('./apis.js') 即可。
jest.mock('./apis.js');
const apis = require('./apis.js');
apis.getUsers()
.then((users) => {
console.log(users);
// [ { id: '1', name: 'Helkyle' }, { id: '2', name: 'Chinuketsu' } ]
})
了解 require
的基础原理之后,我们也来实现类似的功能,将加载 api.js 的语句改写成加载 mock/api.js。
由于缓存机制的存在,提前写入目标缓存,再次 require 将得到我们期望的结果。
// 提前 require mock apis 文件,产生缓存。
require('./__mock__/apis.js');
// 给即将 require 的文件路径写入缓存
const originalPath = require.resolve('./apis.js');
require.cache[originalPath] = require.cache[require.resolve('./__mock__/apis.js')];
// 得到的将是缓存版本
const apis = require('./apis.js');
apis.getUsers()
.then((users) => {
console.log(users);
// [ { id: '1', name: 'Helkyle' }, { id: '2', name: 'Chinuketsu' } ]
})
基于 require.cache
的方式,需要提前 require mock module
。提到了,由于最终都是通过 Module._load
来加载模块,在这个位置进行拦截即可完成按需 mock
。
const Module = require('module');
const originalLoad = Module._load;
Module._load = function (path, ...rest) {
if (path === './apis.js') {
path = './__mock__/apis.js';
}
return originalLoad.apply(Module, [path, ...rest]);
}
const apis = require('./apis.js');
apis.getUsers()
.then((users) => {
console.log(users);
})
注意:以上内容仅供参考。从实际运行结果上看,Jest
有自己实现的模块加载机制,跟 commonjs
有出入。比如在 jest
中 require module
并不会写入 require.cache
。
require
查阅 Node
文档发现,在 Command Line
章节也有一个 --require
,使用这个参数可以在执行业务代码之前预先加载特定模块。举个例子,编写 setup
文件,往 global
对象上挂载 it
, assert
等方法。
// setup.js
global.it = async function test(title, callback) {
try {
await callback();
console.log(`✓ ${title}`);
} catch (error) {
console.error(`✕ ${title}`);
console.error(error);
}
}
global.assert = require('assert');
给启动代码添加 --require
参数。引入 global.assert
, global.it
,就可以在代码中直接使用 assert, it
不用在测试文件中引入。
node --require './setup.js' foo.test.js
// foo.test.js
// 不需要 require('assert');
function sum (a, b) {
return a + b;
}
// 没有 --require 会报 it is not defined
it('add two numbers', () => {
assert(sum(2, 3) === 5);
})
本文由哈喽比特于4年以前收录,如有侵权请联系我们。
文章来源:https://mp.weixin.qq.com/s/rBpxj0Sjaq7nvOWhbZmfRw
京东创始人刘强东和其妻子章泽天最近成为了互联网舆论关注的焦点。有关他们“移民美国”和在美国购买豪宅的传言在互联网上广泛传播。然而,京东官方通过微博发言人发布的消息澄清了这些传言,称这些言论纯属虚假信息和蓄意捏造。
日前,据博主“@超能数码君老周”爆料,国内三大运营商中国移动、中国电信和中国联通预计将集体采购百万台规模的华为Mate60系列手机。
据报道,荷兰半导体设备公司ASML正看到美国对华遏制政策的负面影响。阿斯麦(ASML)CEO彼得·温宁克在一档电视节目中分享了他对中国大陆问题以及该公司面临的出口管制和保护主义的看法。彼得曾在多个场合表达了他对出口管制以及中荷经济关系的担忧。
今年早些时候,抖音悄然上线了一款名为“青桃”的 App,Slogan 为“看见你的热爱”,根据应用介绍可知,“青桃”是一个属于年轻人的兴趣知识视频平台,由抖音官方出品的中长视频关联版本,整体风格有些类似B站。
日前,威马汽车首席数据官梅松林转发了一份“世界各国地区拥车率排行榜”,同时,他发文表示:中国汽车普及率低于非洲国家尼日利亚,每百户家庭仅17户有车。意大利世界排名第一,每十户中九户有车。
近日,一项新的研究发现,维生素 C 和 E 等抗氧化剂会激活一种机制,刺激癌症肿瘤中新血管的生长,帮助它们生长和扩散。
据媒体援引消息人士报道,苹果公司正在测试使用3D打印技术来生产其智能手表的钢质底盘。消息传出后,3D系统一度大涨超10%,不过截至周三收盘,该股涨幅回落至2%以内。
9月2日,坐拥千万粉丝的网红主播“秀才”账号被封禁,在社交媒体平台上引发热议。平台相关负责人表示,“秀才”账号违反平台相关规定,已封禁。据知情人士透露,秀才近期被举报存在违法行为,这可能是他被封禁的部分原因。据悉,“秀才”年龄39岁,是安徽省亳州市蒙城县人,抖音网红,粉丝数量超1200万。他曾被称为“中老年...
9月3日消息,亚马逊的一些股东,包括持有该公司股票的一家养老基金,日前对亚马逊、其创始人贝索斯和其董事会提起诉讼,指控他们在为 Project Kuiper 卫星星座项目购买发射服务时“违反了信义义务”。
据消息,为推广自家应用,苹果现推出了一个名为“Apps by Apple”的网站,展示了苹果为旗下产品(如 iPhone、iPad、Apple Watch、Mac 和 Apple TV)开发的各种应用程序。
特斯拉本周在美国大幅下调Model S和X售价,引发了该公司一些最坚定支持者的不满。知名特斯拉多头、未来基金(Future Fund)管理合伙人加里·布莱克发帖称,降价是一种“短期麻醉剂”,会让潜在客户等待进一步降价。
据外媒9月2日报道,荷兰半导体设备制造商阿斯麦称,尽管荷兰政府颁布的半导体设备出口管制新规9月正式生效,但该公司已获得在2023年底以前向中国运送受限制芯片制造机器的许可。
近日,根据美国证券交易委员会的文件显示,苹果卫星服务提供商 Globalstar 近期向马斯克旗下的 SpaceX 支付 6400 万美元(约 4.65 亿元人民币)。用于在 2023-2025 年期间,发射卫星,进一步扩展苹果 iPhone 系列的 SOS 卫星服务。
据报道,马斯克旗下社交平台𝕏(推特)日前调整了隐私政策,允许 𝕏 使用用户发布的信息来训练其人工智能(AI)模型。新的隐私政策将于 9 月 29 日生效。新政策规定,𝕏可能会使用所收集到的平台信息和公开可用的信息,来帮助训练 𝕏 的机器学习或人工智能模型。
9月2日,荣耀CEO赵明在采访中谈及华为手机回归时表示,替老同事们高兴,觉得手机行业,由于华为的回归,让竞争充满了更多的可能性和更多的魅力,对行业来说也是件好事。
《自然》30日发表的一篇论文报道了一个名为Swift的人工智能(AI)系统,该系统驾驶无人机的能力可在真实世界中一对一冠军赛里战胜人类对手。
近日,非营利组织纽约真菌学会(NYMS)发出警告,表示亚马逊为代表的电商平台上,充斥着各种AI生成的蘑菇觅食科普书籍,其中存在诸多错误。
社交媒体平台𝕏(原推特)新隐私政策提到:“在您同意的情况下,我们可能出于安全、安保和身份识别目的收集和使用您的生物识别信息。”
2023年德国柏林消费电子展上,各大企业都带来了最新的理念和产品,而高端化、本土化的中国产品正在不断吸引欧洲等国际市场的目光。
罗永浩日前在直播中吐槽苹果即将推出的 iPhone 新品,具体内容为:“以我对我‘子公司’的了解,我认为 iPhone 15 跟 iPhone 14 不会有什么区别的,除了序(列)号变了,这个‘不要脸’的东西,这个‘臭厨子’。