В современной разработке программного обеспечения эффективная и действенная организация кода имеет решающее значение для удобства сопровождения и масштабируемости. TypeScript, строго типизированная надстройка JavaScript, обеспечивает надежную поддержку модульной разработки посредством своей системы модулей. В этой статье мы рассмотрим различные методы работы с модулями TypeScript, а также приведем примеры кода, которые помогут вам использовать возможности модульной организации кода.

1. Модули ES:
   TypeScript включает модули ECMAScript (ES), которые являются стандартом для модульного JavaScript. Модули ES предоставляют чистый синтаксис для импорта и экспорта кода между файлами. Вот пример:

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}
// app.ts
import { add } from './math';
console.log(add(2, 3)); // Output: 5

1. Модули CommonJS:
   TypeScript также поддерживает модули CommonJS, которые обычно используются в средах Node.js. Модули CommonJS используют функцию requireдля импорта кода. Вот пример:

// math.js
exports.add = function(a, b) {
  return a + b;
};
// app.ts
const math = require('./math');
console.log(math.add(2, 3)); // Output: 5

1. Модули AMD:
   Формат определения асинхронного модуля (AMD) в основном используется в средах браузера. TypeScript может беспрепятственно работать с модулями AMD. Вот пример:

// math.js
define([], function() {
  return {
    add: function(a, b) {
      return a + b;
    }
  };
});
// app.ts
require(['math'], function(math) {
  console.log(math.add(2, 3)); // Output: 5
});

1. Пространство имен.
   Пространства имен позволяют организовать код путем группировки связанных функций. Они предоставляют способ избежать конфликтов имен. Вот пример:

// math.ts
namespace MathUtils {
  export function add(a: number, b: number): number {
    return a + b;
  }
}
// app.ts
console.log(MathUtils.add(2, 3)); // Output: 5

1. Расширение модулей:
   TypeScript позволяет расширять существующие модули дополнительными функциями с помощью расширения модулей. Это полезно при работе со сторонними библиотеками. Вот пример:

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}
// mathExtensions.ts
declare module './math' {
  export function subtract(a: number, b: number): number;
}
// app.ts
import { add, subtract } from './math';
console.log(add(2, 3)); // Output: 5
console.log(subtract(5, 2)); // Output: 3

В этой статье мы рассмотрели несколько методов работы с модулями TypeScript. Мы рассмотрели модули ES, модули CommonJS, модули AMD, пространства имен и расширение модулей. Используя эти методы, вы можете эффективно организовать и структурировать свою кодовую базу, обеспечивая возможность повторного использования и удобства обслуживания.