TypeScript模块大揭秘：ES6与NodeJS的模块异同

2023-10-24 23:27:36

各位开发者，今天我们进入TypeScript从入门到放弃系列的第15期，让我们聚焦TypeScript模块。

首先，我们来回顾下ES6和NodeJS中的模块系统，然后再来看看TypeScript中模块的独特之处。

ES6模块

ES6模块，也称为ECMAScript模块，是JavaScript标准的一个组成部分，它提供了一种将代码组织成模块的方式。每个模块都是一个独立的文件，它可以导入和导出其他模块。

ES6模块使用export来导出模块，而import关键字来导入模块。

// example.js
export function add(a, b) {
  return a + b;
}

// main.js
import { add } from './example.js';
const result = add(1, 2);
console.log(result); // 3

NodeJS模块

NodeJS模块是一种将代码组织成模块的方式，每个模块都是一个独立的文件，它可以导入和导出其他模块。

NodeJS模块使用require()函数来导入模块，而module.exports对象来导出模块。

// example.js
function add(a, b) {
  return a + b;
}
module.exports = add;

// main.js
const add = require('./example.js');
const result = add(1, 2);
console.log(result); // 3

TypeScript模块

TypeScript模块与ES6模块非常相似，它们都使用export关键字来导出模块，而import关键字来导入模块。

但是，TypeScript模块还支持一种叫做命名空间的特性。命名空间是一种将相关的模块组织在一起的方式。

// example.ts
export namespace Example {
  export function add(a: number, b: number): number {
    return a + b;
  }
}

// main.ts
import { Example } from './example.ts';
const result = Example.add(1, 2);
console.log(result); // 3