其他分享
首页 > 其他分享> > 黑马_4、模块化

黑马_4、模块化

作者:互联网

1、模块化的基本概念

1.1 什么是模块化

模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元。

编程领域中的模块化:就是遵守固定的规则,把一个大文件拆成独立并互相依赖的多个小模块(按规则拆分后的js文件就可以看做模块)。

把代码进行模块化拆分的好处:

① 提高了代码的复用性
② 提高了代码的可维护性
③ 可以实现按需加载


1.2 模块化规范

模块化规范就是对代码进行模块化的拆分与组合时,需要遵守的那些规则。
例如:

① 使用什么样的语法格式来引用模块
② 在模块中使用什么样的语法格式向外暴露成员



2、Node.js 中的模块化

2.1 Node.js 中模块的分类

Node.js 中根据模块来源的不同,将模块分为了 3 大类,分别是:

2.2、加载模块

使用强大的 require() 方法,可以加载需要的内置模块、用户自定义模块、第三方模块进行使用。例如:

//加载内置的js模块
const fs=require('fs');

//加载用户自定义的模块
const m1=require('../hello.js');//可以不用加.js后缀

//加载第三方模块(需要先下载第三方模块)
const moment=require('moment');

注意:
使用 require() 方法加载其它模块时,会执行被加载模块中的代码。

比如:
自定义的hello模块(hello.js)如下:
image

在1.js里加载并且运行hello模块
image

输出:
image


2.3、Node.js 中的模块作用域

2.3.1、什么是模块作用域

和函数作用域类似,在自定义模块中定义的变量、方法等成员,只能在当前模块内被访问,这种模块级别的访问限制,叫做模块作用域。

如:hello.js模块
image

在1.js里引用该模块并输出模块,可以看到,是一个空对象
image

输出:
image

2.3.2、模块作用域的好处

防止了全局变量污染的问题。因为在node.js环境里不会像浏览器环境下那样,浏览器环境下一个js文件里的变量和函数不写在一个函数作用域里的话,在另一个js文件里或者是一个html里引入该js文件就会污染全局作用域,因为这些都会变成windows对象的属性。就相当于只是把代码放在几个js文件里,但实际上还是相当于一个js文件并没有模块化。

比如:浏览器里js里默认不把变量写在函数里面
image

html页面里引用:
image

输出结果:
image

标签:自定义,作用域,模块化,js,模块,黑马,加载
来源: https://www.cnblogs.com/fhzmasl/p/16492248.html