您好，登录后才能下订单哦！
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
说明
本文参考Node官网文档版本为v11.12.0。
本文主要分析了Nodejs中require导入JSON和js文件时得到的结果，同时简单涉及到了Nodejs中模块导出module.exports和exports的用法。
引言
在阅读webpack源码的过程当中，见到如下一行代码：
const version = require("../package.json").version
故引申出对Nodejs中require的学习。
require介绍
在Node.js的文档中，require的相关文档是在Modules目录下，属于Nodejs模块化系统的一部分。
require是一个函数。通过typeof或者Object.prototype.toString.call()可以验证这个结论：
console.log(require) // 输出：Function console.log(Object.prototype.toString.call(require) // 输出：[object Function]
通过直接打印require，可以发现在require函数下还挂载着若干个静态属性，这些静态属性也可以在Nodejs的官方文档中直接找到相关的说明：
{ [Function: require]
resolve: { [Function: resolve] paths: [Function: paths] },
main:
Module {
id: '.',
exports: {},
parent: null,
filename: '/Users/bjhl/Documents/webpackSource/index.js',
loaded: false,
children: [],
paths:
[ '/Users/bjhl/Documents/webpackSource/node_modules',
'/Users/bjhl/Documents/node_modules',
'/Users/bjhl/node_modules',
'/Users/node_modules',
'/node_modules' ] },
extensions:
[Object: null prototype] { '.js': [Function], '.json': [Function], '.node': [Function] },
cache:
[Object: null prototype] {
'/Users/bjhl/Documents/webpackSource/index.js':
Module {
id: '.',
exports: {},
parent: null,
filename: '/Users/bjhl/Documents/webpackSource/index.js',
loaded: false,
children: [],
paths: [Array] } } }
require函数静态属性
这里之后再详细补充。
require使用
在官网文档中可以看到如下关于require的说明：
require(id)# Added in: v0.1.13 id module name or path Returns: exported module content Used to import modules, JSON, and local files. Modules can be imported from node_modules. Local modules and JSON files can be imported using a relative path (e.g. ./, ./foo, ./bar/baz, ../foo) that will be resolved against the directory named by __dirname (if defined) or the current working directory.
同时还给出了三种require的使用方法：
// Importing a local module:
const myLocalModule = require('./path/myLocalModule');
// Importing a JSON file:
const jsonData = require('./path/filename.json');
// Importing a module from node_modules or Node.js built-in module:
const crypto = require('crypto');
从以上文档中可以得出以下信息：
require实践
在这里将分类讨论require的实践结论。
require导入JSON
JSON 是一种语法，用来序列化对象、数组、数值、字符串、布尔值和 null 。
在文章的开头就提到了通过require("./package.json")文件来读取package.json文件中的version属性。这里将尝试导入info.json文件并查看相关信息。
文件结构目录如下：
. ├── index.js └── info.json
将info.json文件的内容修改为:
{
"name": "myInfo",
"hasFriend": true,
"salary": null,
"version": "v1.0.0",
"author": {
"nickname": "Hello Kitty",
"age": 20,
"friends": [
{
"nickname": "snowy",
"age": 999
}
]
}
}
在info.json当中，包含了字符串、布尔值、null、数字、对象和数组。
将index.js的内容修改如下并在当前terminal运行命令 node index.js ，得到如下结果：
const info = require("./info.json")
console.log(Object.prototype.toString.call(info)) // [object Object]
console.log(info.version) // v1.0.0
console.log(info.hasFriend) // true
console.log(info.salary) // null
console.log(info.author.nickname) // Hello Kitty
console.log(info.author.friends) // [ { nickname: 'snowy', age: 999 } ]
可以看到，require导入一个JSON文件的时候，返回了一个对象，Nodejs可以直接访问这个对象里的所有属性，包括String、Boolean、Number、Null、Object、Array。个人猜测这里可能用到了类似于JSON.parse()的方法。
通过这个结论也得出了一种思路，即通过require方法传入JSON文件来读取某些值，如在文章开头中，webpack通过读取package.json文件获取到了version值。
require导入本地js文件
文件结构目录如下：
. ├── index.js ├── module_a.js └── module_b.js
index.js文件中，分别按顺序导入了module_a和module_b并赋值，然后将这两个变量打印，内容如下：
console.log("*** index.js开始执行 ***")
const module_a = require("./module_a")
const module_b = require("./module_b")
console.log(module_a, "*** 打印module_a ***")
console.log(module_b, "*** 打印module_b ***")
console.log("*** index.js结束执行 ***")
module_a文件中，未指定module.exports或者exports，但是添加了一个异步执行语句setTimeout，内容如下：
console.log("** module_a开始执行 **")
let name = "I'm module_a"
setTimeout(() => {
console.log(name, "** setTimeout打印a的名字 **")
}, 0)
console.log("** module_a结束执行 **")
module_b文件中，指定了module.exports（也可以换成exports.name，但是不能直接使用exports等于某个对象，因为exports和module.exports其实是指向了一个地址，引用了相同的对象，如果使用exports等于其他的引用类型，则不再指向module.exports，无法改变module.exports里的内容），内容如下：
console.log("** module_b开始执行 **")
let name = "I'm module_b"
console.log(name, "** 打印b的名字 **")
module.exports = {
name
}
console.log("** module_b结束执行 **")
在当前目录terminal下运行 node index.js 运行得到如下输出：
*** index.js开始执行 ***
** module_a开始执行 **
** module_a结束执行 **
** module_b开始执行 **
I am module_b ** 打印b的名字 **
** module_b结束执行 **
{} '*** 打印module_a ***'
{ name: 'I am module_b' } '*** 打印module_b ***'
*** index.js结束执行 ***
I am module_a ** setTimeout打印a的名字 **
通过以上执行结果可以得出结论：
require导入模块
我们先选择一个npm包——cors。 进入文件夹，运行一下命令：
npm init -y // 初始化 echo -e "let cors = require(\"cors\")\nconsole.log(cors)" > index.js // 生成index.js文件 npm install cors --save // 安装cors包
文件结构如下(...处省略了其他的模块):
. ├── index.js ├── node_modules │ ├── cors │ │ ├── CONTRIBUTING.md │ │ ├── HISTORY.md │ │ ├── LICENSE │ │ ├── README.md │ │ ├── lib │ │ │ └── index.js │ │ └── package.json │ │ ... ├── package-lock.json └── package.json
index.js中的内容如下：
let cors = require("cors")
console.log(cors)
运行 node index.js ，得出以下结果：
[Function: middlewareWrapper]
找到node_modules下的cors模块文件夹，观察cros模块中的package.json文件，找到main字段： "main": "./lib/index.js" ，找到main字段指向的文件，发现这是一个IIFE，在IIFE中的代码中添加，console.log("hello cors")，模拟代码结构如下：
(function () {
'use strict';
console.log("hello cors"); // 这是手动添加的代码
...
function middlewareWrapper(o) {
...
}
module.exports = middlewareWrapper;
})()
再次运行 node index.js ，得出以下结果：
hello cors
[Function: middlewareWrapper]
为什么会打印出 hello cors 呢？因为require模块的时候，引入的是该模块package.json文件中main字段指向的文件。而这个js文件会自动执行，跟require引用本地js文件是相同的。
packjson文档
在npm的官方网站中可以找到关于package.json中的main字段定义。
main The main field is a module ID that is the primary entry point to your program. That is, if your package is named foo, and a user installs it, and then does require("foo"), then your main module's exports object will be returned. This should be a module ID relative to the root of your package folder For most modules, it makes the most sense to have a main script and often not much else.
在以上说明中可以得出以下结论：
所以require导入模块的时候，是运行的对应模块package.json中main字段指定的文件。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持亿速云。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。