模块化管理——commonJS

CommonJS是一个流行的前端模块化规范,也是目前nodejs以及其模块托管仓库npm的使用规范。CommonJS采用同步加载不同的模块文件,适用于服务器端。因为模块文件都存放在服务器的各个硬盘上,读取加载时间快(适合服务器端,不适应浏览器)。浏览器不兼容commonJS,原因是浏览器缺少module exports require global 四个环境变量,如果使用需要工具转换(browserify)。

在commonJS规范中:

  • 一个文件就是一个模块,拥有单独的作用域;
  • 普通方式定义的函数、变量、对象都属于该模块;
  • 通过requrie方式加载模块;
  • 通过exports.XXX 和module.exports暴露模块中内容;

特点:所有代码都运行在模块作用域,不会污染全局变量;模块可以多次加载,但只会在第一次加载时运行一次,运行结果被缓存,再次加载加载缓存结果;模块的加载顺序,按照代码顺序同步加载。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CommonJS是一种模块化的JavaScript规范,用于在服务器端和浏览器端进行模块化开发。在CommonJS中,通过module.exports来导出模块,通过require函数来引入其他模块。 在CommonJS中,通过值拷贝的方式来引入和使用模块中的变量。这意味着当一个模块导出一个变量,其他模块引入后的变量只是对原变量的一个拷贝,而不是对原变量的直接引用。 例如,如果一个模块中导出了一个count变量,其他模块引入后,修改引入的变量不会影响原变量的值。这是因为在CommonJS中,导入的变量是通过值拷贝的方式进行的。 引用中提供了一个例子,其中calculator.js模块导出了一个名为count的变量。在index.js中,通过require函数引入了calculator.js模块,并将count赋值给另一个变量。如果在index.js中修改这个新变量的值,不会影响到calculator.js模块中count的值。 引用和引用中的例子也展示了CommonJS中值拷贝的特点。在这些例子中,通过require函数引入的变量是原变量的一个拷贝,对拷贝变量的修改不会影响到原变量的值。 总结来说,CommonJS使用值拷贝的方式来引入和使用模块中的变量,保证了模块之间的独立性。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Webpack学习笔记——CommonJSES6 Module的区别之动态与静态和值拷贝与动态映射](https://blog.csdn.net/qq_42683219/article/details/103939237)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [CommonJS的值拷贝与ES6的动态映射](https://blog.csdn.net/u011240016/article/details/101273545)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值