如何通过JS模块化进行高效的知识点分享？

本文共计1067个文字，预计阅读时间需要5分钟。

模块化是编程语言的一种强大基础，它帮助开发者和组织代码。在模块化规范形成之前，JavaScript 开发者常用模块设计模式来避免全局作用域的污染。模块模式最初被定义为……。

模块化是一个语言膨胀的必经之路，它能够帮助开发者拆分和组织代码。

Module模式

在模块化规范形成之前，JS开发者使用Module设计模式来解决JS全局作用域的污染问题。Module模式最初被定义为一种在传统软件工程中为类提供私有和公有封装的方法。在JavaScript中，Module模式使用匿名函数自调用 (闭包)来封装，通过自定义暴露行为来区分私有成员和公有成员。

let myModule = (function (window) { let moduleName = 'module' // private // public function setModuleName(name) { moduleName = name } // public function getModuleName() { return moduleName } return { setModuleName, getModuleName } // 暴露行为 })(window)

上面例子是Module模式的一种写法，它通过闭包的特性打开了一个新的作用域，缓解了全局作用域命名冲突和安全性的问题。但是，开发者并不能够用它来组织和拆分代码，于是乎便出现了以此为基石的模块化规范。