ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

黑马_4、模块化

2022-07-18 22:31:22  阅读:128  来源: 互联网

标签:自定义 作用域 模块化 js 模块 黑马 加载


1、模块化的基本概念

1.1 什么是模块化

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

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

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

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


1.2 模块化规范

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

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



2、Node.js 中的模块化

2.1 Node.js 中模块的分类

Node.js 中根据模块来源的不同,将模块分为了 3 大类,分别是:
  • 内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http 等)
  • 自定义模块(用户创建的每个 .js 文件,都是自定义模块)
  • 第三方模块(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载)

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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有