返回

JavaScript 模块化时代的新角色 — CommonJS

前端

如今，JavaScript 模块化开发已是家常便饭。我们可以通过ES6的import语句将模块导入进来，然后调用模块中的变量和函数。但实际上，ES6的模块化提案在2015年才正式提出，而在此之前，JavaScript世界中已经存在一个成熟的模块化解决方案：CommonJS。

CommonJS 是一个用于在JavaScript中实现模块化的规范，它最早诞生于2009年。CommonJS 规定了一套模块的定义和加载方式，使得我们可以将代码组织成一个个独立的模块，并通过require()函数加载这些模块。

CommonJS的模块化思想很简单，它将每个文件都当作一个模块，每个模块都可以包含自己的变量、函数和其他资源。当我们需要使用某个模块时，可以通过require()函数来加载它。require()函数会返回一个对象，该对象包含了模块中定义的所有变量和函数。

例如，我们有一个名为module1.js的模块，它包含了以下代码：

// module1.js
var a = 1;
var b = 2;

function add(x, y) {
  return x + y;
}

如果我们想在另一个模块中使用module1.js中的变量和函数，我们可以通过require()函数来加载它：

// module2.js
var module1 = require('./module1.js');

console.log(module1.a); // 1
console.log(module1.b); // 2
console.log(module1.add(3, 4)); // 7

CommonJS的模块化方式非常简单易懂，它也很容易与其他语言的模块化系统集成。因此，它在Node.js中得到了广泛的使用。Node.js是一个基于JavaScript的运行时环境，它采用了CommonJS的模块化方式。在Node.js中，我们可以通过require()函数来加载任何符合CommonJS规范的模块。

后来，随着Node.js的流行，CommonJS的模块化方式也逐渐被其他JavaScript工具所采用。例如，npm就是一个使用CommonJS模块化方式的包管理工具。npm可以帮助我们安装和管理JavaScript包，这些包通常都是按照CommonJS规范编写的。

CommonJS的模块化方式对于JavaScript的发展起到了非常重要的作用。它使得JavaScript可以像其他语言一样实现模块化开发，从而极大地提高了JavaScript的开发效率和可维护性。