前端工程化之:CommonJS

前端模块化标准

 前端主要有两大模块化标准:
  • CommonJS:简称 CMJ ,这是一个社区规范,出现时问较早,目前仅node环境支持;
  • ES Module:简称 ESM ,这是随着 ES6 发布的官方模块化标准,目前浏览器和新版本 node 环境均支持。

CommonJS

标准类型:社区规范

支持环境: node 

依赖类型:动态依赖

一.node环境

安装 nodejs 环境。

下载地址:nodejs下载:icon-default.png?t=N7T8https://nodejs.org/zh-cn/

 node 环境运行js文件时,全局变量为 global

二.CMJ规范

  1. 所有的js文件均是一个模块,运行的模块,入口模块;
  2. 所有模块中的全局变量、函数、均不会产生污染;
  3. 当一个模块需要提供一些东西给别的函数使用时需要把这些东西导出,导出用       module.exports ,将要导出的值或者对象赋值给 module.exports
  4. 当一个模块需要用到别的模块的东西的时候,需要导入,导入时用 require ,路径必须用相对路径;
  5. 模块有缓存,第一次运行模块后,导出结果会被缓存,之后再使用该模块,直接使用缓存结果。
function sum(a,b){
    return a + b
}
function isOdd(a){
    return a % 2 !== 0
}
// 导出
module.exports = {
    sum,
    isOdd
}
// 入口文件,通过node命令运行的文件
console.log("index start")

// 导入模块
const math = require("./math.js")

console.log(math.sum(1,3)) // 4

  • 13
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猛扇赵四那半好嘴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值