在ES6原生支持模块之前，使用模块的JavaScript代码本质上是希望使用默认没有的语言特性。因此，必须按照符合某种规范的模块语法来编写代码，另外还需要单独的模块工具把这些模块语法与JavaScript运行时连接起来。这里的模块语法和连接方式有不同的表现形式，通常需要在浏览器中额外加载库或者在构建时完成预处理。

CommonJS是一种JavaScript模块化规范，它定义了模块的加载和依赖关系。CommonJS规范主要在Node.js环境中使用，但也可以在浏览器中使用。

在CommonJS中，每个文件都被视为一个模块。可以使用require()函数来引入其他模块，并使用exports对象来导出模块的功能或数据。例如：

// math.js  
var sum = function(a, b) {  
  return a + b;  
};  
  
exports.sum = sum;

在这个例子中，math.js模块定义了一个sum()函数，并通过exports对象将其导出为公共接口。其他模块可以通过require()函数来引入该模块，并使用它提供的函数。例如：

// app.js      
var math = require('./math');    
console.log(math.sum(1, 2)); // 输出 3

在这个例子中，app.js模块通过require('./math')引入了math模块，并使用它提供的sum()函数来计算两个数的和。

CommonJS规范还定义了模块的依赖关系。当一个模块需要依赖另一个模块时，可以使用require()函数来引入该模块，并在回调函数中执行依赖该模块的代码。例如：

// app.js      
var math = require('./math');    
math.sum(1, 2); // 输出 3

在这个例子中，app.js模块通过require('./math')引入了math模块，并在回调函数中执行了sum()函数。

CommonJS异步模块定义是一种以服务器端为目标环境的模块定义方式，它能够一次性把所有模块都加载到内存。相比之下，AMD（Asynchronous Module Definition）的模块定义系统以浏览器为目标执行环境，需要考虑网络延迟的问题。

在CommonJS中，异步定义模块通常使用异步加载器（如RequireJS、SystemJS等）来实现。这些加载器使用异步方式来加载模块，避免了页面阻塞和代码延迟执行的问题。

需要注意的是，CommonJS规范本身并没有定义异步模块的加载方式，而是通过其他加载器来实现。因此，具体的异步加载方式可能因加载器的不同而有所差异。

通用模块定义（UMD）是一种为了统一CommonJS和AMD生态系统而出现的模块定义规范。UMD允许开发者使用一种通用的模块定义方式，以便在CommonJS和AMD两种模块加载系统中使用。

在UMD中，模块被定义为一个立即调用的函数表达式（IIFE），并在函数内部定义了模块的逻辑。这个函数会检测要使用哪个模块系统，然后进行适当的配置，并把所有逻辑包装在一个立即调用的函数表达式中。

具体来说，UMD定义的模块会在启动时检测要使用哪个模块系统，然后进行适当配置。如果检测到是CommonJS环境，则使用CommonJS的模块加载方式；如果是AMD环境，则使用AMD的模块加载方式。这样就可以实现在不同环境下都能正确加载和使用模块。

UMD规范的出现，使得开发者可以使用同一种模块定义方式来编写代码，而不需要考虑不同的模块加载系统之间的差异。这样可以提高代码的可维护性和可重用性，减少在不同环境下需要修改代码的情况。

需要注意的是，虽然UMD可以实现在不同环境下都能正确加载和使用模块，但在一些特殊情况下仍然需要使用特定环境的模块加载方式。因此，在使用UMD时需要根据实际情况进行选择和配置。