ES6 的模块化

历史上,JavaScript 一直没有自己的模块体系,直到 ES6 推出自己的模块化。它的实现不同于 CommonJS 和 AMD 的模块化,浏览器和服务器通用。但是目前浏览器和 nodejs 的支持有限。

下面简单记录 ES6 模块的特点

require.js 实现浏览器端模块化开发

随着网页功能越来越复杂,引入的 js 脚本越来越多,加载脚本的时间越来越长,而维护这些脚本也变更困难起来。

require.js 的诞生,解决这两个问题

  • 实现 js 脚本异步按需加载
  • 管理模块之间的依赖关系,使代码便于维护

require.js 定义了两个函数,define 和 require ,分别用于定义模块和加载模块。

nodejs 的模块规范

nodejs 的模块实现,采用的是 CommonJS 的规范,每个文件就是一个模块,有自己的作用域,里面定义的变量都是私有的。

js 的实现模块化的历程

传统意义的网站只是提供浏览功能,随着网站功能越来越强大,如今的网站,已是“互联网应用程序”。而驱动这个应用程序的 JavaScript 也变得越来越庞大、复杂!开发、维护、管理这些 js 代码显得越来越困难了,实现 js 的模块化开发成为了迫切的需求。

以下简单记录 js 实现模块化的一些实现方式

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×