介绍 CommonJS – JavaScript 完全手册(2018版)

10年服务1亿前端开发工程师

小编推荐:掘金是一个面向程序员的高质量技术社区,从 一线大厂经验分享到前端开发最佳实践,无论是入门还是进阶,来掘金你不会错过前端开发的任何一个技术干货。

注:本文为 《 JavaScript 完全手册(2018版) 》第35节,你可以查看该手册的完整目录。

CommonJS 模块规范是 Node.js 中用于处理模块的标准。

在浏览器中运行的客户端 JavaScript 使用另一种 ES Modules。

它们可以让您创建清晰独立且可重复使用的功能片段,每个片段都可以独立测试。

庞大的 npm 生态系统建立在这种 CommonJS 规范之上。

导入模块的语法是:

const package = require('module-name')

在 CommonJS 中,模块是同步加载的,并按照 JavaScript 运行时查找它们的顺序进行处理。 该系统诞生时只考虑了服务器端 JavaScript ,不适合客户端(这就是ES Modules 推出的原因)。

一个 JavaScript 文件是一个 模块,它可以导出一个或多个定义的符号,它们是变量,函数,对象:

例如 uppercase.js 文件

exports.uppercase = str => str.toUpperCase()

任何 JavaScript 文件都可以导入并且使用这个模块:

const uppercaseModule = require('uppercase.js')
uppercaseModule.uppercase('test')

一个简单例子可以在 这个 Glitch 上找到。

你可以导出多个值:

exports.a = 1
exports.b = 2
exports.c = 3

并使用解构赋值单独导入它们:

const { a, b, c } = require('./uppercase.js')

或使用以下方法只导出一个值:

//file.js
module.exports = value

然后导入使用:

const value = require('./file.js')

如果你是 JavaScript 新手?并且对模块,模块加载器和模块打包器感到困惑吗?强烈推荐你阅读 JavaScript 模块简史


如果你觉得本文对你有帮助,那就请分享给更多的朋友
关注「前端干货精选」加星星,每天都能获取前端干货
赞(2) 打赏
未经允许不得转载:WEB前端开发 » 介绍 CommonJS – JavaScript 完全手册(2018版)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏