关于JavaScript的模块化

时间:2022-12-30 21:09:30

为什么需要模块化

最近在学习网易微专业的《前端系统架构》课程,里面讲到了关于JavaScript的模块化问题。具体指的是当随着Web系统不断强大起来,需要在客户端进行的操作就多了起来(比如数据验证、人机交互等)。这时候你会发现很多代码其实是可以重用的,于是你就会想着重用代码,将其模块化。下面几篇文章可以让你更深入地理解问什么要将JavaScript模块化:

模块化到底怎么搞?

《前端系统架构》课程的视频说得太过于跳跃,没有任何的背景交代。我后来又去查了查相关的资料,发现了阮一峰写的3篇关于JavaScript模块化的文章很是清晰,而且内容跟课程视频结构是差不多的。

看完了上面的3篇文章,你应该对模块化有一个大致的概念了,并且知道了一大堆规范和名词,什么CommonJS / AMD / NodeJS 等等。但到这里,你要明白的其实就是一个方面,即模块化的规范最常见的有CommonJS和AMD两种,它们定义了编写模块化代码的格式。

到了这里,你知道了原来模块化需要遵循特定的编写规范,但到底如何在代码里实现呢?

将模块化实践

其实在上面的一些文章中,已经有说到了一些关于模块化的实践了。总的来说,现在非常流行的Node.js、Sea.js、Angular.js、require.js等都是模块化的一种实现方式,可以理解成一种模块化的框架吧。接下来要学习如何把模块化应用到项目中,你只需要选择一种进行学习就可以了。

什么是服务器端的JavaScript

服务器端的JavaScript即在服务器端运行JavaScript,现在JDK6+已经支持了这种功能。很多时候,我们需要再客户端和服务器端对请求的数据进行相同的逻辑检查,这很明显就是重复工作,违背了DRUP(Don't Repeat yourself Principle)原则。因此通过服务器端运行JavaScript可以减少重复代码。关于如何在服务器端运行(这里只以Java为例)可以参考以下文章:

服务器端执行JavaScript代码

在服务器端运行JavaScript文件(一)