一,模块化
1.定义
将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为
模块化
其中拆分出的
每个文件就是一个模块
,模块的内部数据是私有的,不过模块可以暴露内部数据以便其他模块使用
2.模块化初体验
1.暴露数据
模块暴露数据的方式有两种:
1. module.exports = value

2. exports.name = value

module.exports
可以暴露
任意
数据
不能使用
exports = value
的形式暴露数据,模块内部
module
与
exports
的隐式关系
exports = module.exports = {}
,
require
返回的是目标模块中
module.exports
的值
3.导入(引入)模块
在模块中使用
require
传入文件路径即可引入文件
const
test
=
require
(
'./me.js'
);
注意事项
1.对于自己创建的模块,导入时路径建议写
相对路径
,且不能省略
./
和
../
2.js
和
json
文件导入时可以不用写后缀,
c/c++
编写的
node
扩展文件也可以不写后缀,但是一 般用不到
3.如果导入其他类型的文件,会以
js
文件进行处理 如果导入的路径是个文件夹,则会
首先
检测文件夹下
package.json
文件中
main
属性对应 的文件,
如果存在则导入,反之如果文件不存在会报错。
如果
main
属性不存在,或者
package.json
不存在,则会尝试导入文件夹下的
index.js
和
index.json
, 如果还是没找到,就会报错
4.导入
node.js
内置模块时,直接
require
模块的名字即可,无需加
./
和
../
同名文件查找顺序:.js->.json->.node
4.导入模块的基本流程
1.
将相对路径转为绝对路径,定位目标文件
2.
缓存检测
3.
读取目标文件代码
4.
包裹为一个函数并执行(自执行函数)。通过
arguments.callee.toString()
查看自执行函数
5.
缓存模块的值
6.
返回
module.exports
的值


二,包管理工具
1.npm
1,初始化
创建一个空目录,然后以此目录作为工作目录
启动命令行工具
,执行
npm init
npm init
命令的作用是将文件夹初始化为一个『包』,
交互式创建
package.json
文件
package.json
是包的配置文件,每个包都必须要有
package.json


2,搜索包
搜索包的方式有两种
1.
命令行 『
npm s/search
关键字』
2.
网站搜索
网址是
https://www.npmjs.com/
3.require导入npm包的基本流程
1.
在当前文件夹下
node_modules
中寻找同名的文件夹
2.
在上级目录中下的
node_modules
中寻找同名的文件夹,直至找到磁盘根目录
4,生产与开发
