TypeScript防止脱发级入门：模块化

前端

2024-02-19 21:13:18

模块的定义

模块是TypeScript中代码组织的一种方式。它允许您将代码分成不同的文件，然后在其他文件中导入这些模块。这使得代码更容易组织和管理，特别是在大型项目中。

模块的类型

TypeScript支持三种类型的模块：

ES6模块
CommonJS模块
AMD模块

ES6模块

ES6模块是TypeScript中默认的模块类型。它们使用export和import来定义和导入模块。

// module.ts
export const name = 'John Doe';

export function numRes(a: number, b: number): number {
  return a + b;
}

// index.ts
import { name, numRes } from './module';

console.log(name); // John Doe
console.log(numRes(1, 2)); // 3

CommonJS模块

CommonJS模块是Node.js中使用的模块类型。它们使用require()函数来导入模块。

// module.ts
module.exports = {
  name: 'John Doe',
  numRes: function(a, b) {
    return a + b;
  }
};

// index.ts
const module = require('./module');

console.log(module.name); // John Doe
console.log(module.numRes(1, 2)); // 3

AMD模块

AMD模块是RequireJS中使用的模块类型。它们使用define()函数来定义和导入模块。

// module.ts
define(['require', 'exports'], function(require, exports) {
  exports.name = 'John Doe';

  exports.numRes = function(a, b) {
    return a + b;
  };
});

// index.ts
require(['./module'], function(module) {
  console.log(module.name); // John Doe
  console.log(module.numRes(1, 2)); // 3
});