js模块化常用的方式 js 模块化

JS模块化规范

CommonJS规范是由NodeJS发扬光大，这标志着JavaScript模块化编程正式登上舞台。定义模块 根据CommonJS规范，一个单独的文件就是一个模块。

ES6模块化的使用方法：（注！因为CommonJS类库众多，以及 CommonJS 和 ES6 之间的差异，所以无法直接兼容es6。

目前Commonjs是nodejs(浏览器环境需要模块加载器)原生支持的，而es6需要借助babeljs来实现。意味着如果要实现自动编译上线(我司没有在线上安装node_modules做法)可能需要将babel之类的node_modules提交代码仓库，大概45M。

但是引用别人编写模块的前提是要有统一的“打开姿势”，如果每个人有各自的写法，那么肯定会乱套，下面介绍几种JS的模块化的规范。

module.exports 所指向的对象。require() 模块时，得到的永远是 module.exports 指向的对象 Node.js 中的模块化规范 Node.js 遵循了 CommonJS 模块化规范，CommonJS 规定了模块的特性和各模块之间如何相互依赖。

于是需要通过webpack在配合各种plugin、loader将其转义，使之可以运行在浏览器里。

相关问答

Q1: javascript中的export和import怎么用

1、export和import用于JavaScript的模块化操作。

2、模块功能主要由：export和import构成。export导出模块的对外接口，import命令导入其他模块暴露的接口。export其实和export default就是写法上面有点差别，一个是导出一个个单独接口，一个是默认导出一个整体接口。

3、有两种不同的导出方式：命名导出和默认导出。命名导出可以导出多个接口，而默认导出，只能导出一个。

4、默认导出：只能使用一个 （default属性只有es6才有）可以用引入对象定义多个属性，但这样在引入后调用的时候，更麻烦。 导入：优点：可以直接使用文件做接收参数且不用结构。

Q2: JS常用设计模式(MVC、MVP、MVVM及其他设计模式)

1、MVC（Model-View-Controller）MVC是比较直观的架构模式，用户操作-View（负责接收用户的输入操作）-Controller（业务逻辑处理）-Model（数据持久化）-View（将结果反馈给View）。

2、年，微软架构师John Gossman推出了MVVM；而我（当然网上也有），只是更进一步的优化MVVM而衍生出了MVPVM；GOF将MVC看做是3种设计模式的合体：《观察者模式》、《策略模式》、《组合模式》；核心是《观察者模式》。

3、MVC：包括视图、控制器以及模型。视图传输指令到控制器，控制器完成业务逻辑后要求模型改变状态，模型将新的数据发送给视图，然后用户得到反馈，这样就形成了一个循环过程。

4、MVC，MVP和MVVM都是用来解决界面呈现和逻辑代码分离而出现的模式。以前只是对它们有部分的了解，没有深入的研究过，对于一些里面的概念和区别也是一知半解。

5、MVC、MVP和MVVM是常见的三种架构设计模式，当前MVP和MVVM的使用相对比较广泛，当然MVC也并没有过时之说。

6、此外，MVVM另一个重要特性，双向绑定。它更方便你同时维护页面上都依赖于某个字段的N个区域，而不用手动更新它们。MVC模式是MVVM模式的基础，他们的MV即Model，view相同，不同的是MV之间的纽带部分。

Q3: CommonJS与ES6模块化的具体使用方式

1、由于 ES6 输入的模块变量，只是一个“符号连接”，所以这个变量是只读的，对它进行重新赋值会报错。上面代码中，main.js从lib.js输入变量obj，可以对obj添加属性，但是重新赋值就会报错。

2、不符合通用的模块化思维方式，是一种妥协的实现 四：模块化进程四：CMD规范 CMD(Common Module Definition)规范和AMD很相似，尽量保持简单，并与CommonJS和Node.js的 Modules 规范保持了很大的兼容性。

3、ES6 处理“循环加载”与 CommonJS 有本质的不同。

关于js模块化常用的方式和js 模块化的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。