浅析 Javascript 使用 include / require

Javascript 不同于其他编程语言存在预编译及模板引入机制，因此导致在项目开发过程中可能出现一个 JS 文件需要导入其他 JS 文件中的函数或变量的情况，此时就需要使用 include 或 require 进行模块引入操作。

include 与 require

include 与 require 均可以实现模块引入，但两者存在一些微小的区别：

• include 的用法比较古老，只支持同步引入，容易出现阻塞线程问题。
• require 是 Node.js 引入模块的机制，除了支持 CommonJS 规范外，还支持 ES6 的 import 和 export 机制，而且可以异步加载模块，不会出现阻塞线程和空指针异常等问题。

在浏览器端，由于没有原生支持 require 和 import 语法，因此需要使用第三方库进行模块引入，比如使用 RequireJS、Sea.js、SystemJS 等。

使用示例

下面介绍两个常见的模块引入示例。

ES6 中的 import

在 ES6 中，可以使用 import 语法引入模块：

import {sum} from './utils';

console.log(sum(2, 3)); // 5

其中，该文件结构如下：

── main.js
├── utils.js

utils.js 文件内容如下:

export function sum(a, b) {
  return a + b;
}

通过 import 引入 sum 函数并调用。

Node.js 中的 require

在 Node.js 中，可以使用 require 方法引入模块：

const fs = require('fs');

fs.readFile('./test.txt', 'utf8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

其中，test.txt 文件的内容为：

Hello World!

通过 require 引入 fs 模块，并使用其提供的 readFile 方法读取文件内容并输出。

结语

以上是 Javascript 模块引入机制的浅析介绍，通过阅读本文，相信读者已经可以熟练地进行模块的引入操作。