(截图代码如果没显示原因就是CSDN的pc端版本bug,后续会用手机更新博客!!!)
01-模块化规范介绍
-
1.什么叫模块化?(模块 == js文件)
-
一个js文件
可以引入另一个js文件中的数据
, 这种开发方式就叫做模块化开发
-
-
2.模块化开发好处?
-
(1)将功能分离出来
-
一个js文件只负责处理一个功能,这样做的好处是业务逻辑清晰,便于维护
-
-
(2)按需导入
-
用到哪一个功能,就导入哪一个js文件。模块化开发是
渐进式框架
的共同特征。
-
-
(3)避免变量污染
-
一个js文件(模块),都是一个独立的作用域。 互不干扰,不用考虑变量名冲突问题。
-
-
-
了解一下前端模块化开发的历程
ES6之前: js语言本身不支持模块化开发,一般需要通过第三方工具来实现模块化开发。
例如:sea.js. SeaJS - A Module Loader for the Web require.js. RequireJS
ES6 : ES6新增了模块化开发语法(今天第四个部分语法,vue框架必须要使用的语法)
Nodejs : Nodejs本身也支持模块化开发,但是和前端的ES6有一些细微的区别。(本小节主要学习nodejs自带的模块化语法,对于后期学习不是特别重要。 但是要想今后自己写一些npm框架,就必须要掌握nodejs模块化语法)
1.2-模块化语法规范介绍
-
任何一个语法,都需要遵循一定的规范。不同的平台需要遵循的规范不同。一般情况下,模块化语法规范主要有三种。
-
CommonJS 规范:nodejs 默认支持的
-
ES6规范:前端的ES6语法支持的规范
-
文档:ES6 入门教程
-
-
CMD 和 AMD 模块化规范 : ES6语法之前的模块化语法规范,现在已经几乎不用了
-
1.3-CommonJS规范实现模块化语法
-
CommonJS规范只有两句话
-
1.模块必须要使用
require()
导入 -
2.模块必须要使用
module.exports
导出-
这两个语法都是nodejs环境自带的全局语法
-
-
-
exports与module.exports区别</