برنامه نویسی

قسمت 4: کار با ماژول ها و واردات

بخش 4: کار با ماژول ها و واردات

در این بخش، ماژول ها و واردات در TypeScript را بررسی می کنیم. ماژول ها راهی برای سازماندهی کد ما در فایل های جداگانه و ارتقای قابلیت استفاده مجدد فراهم می کنند. ما یاد خواهیم گرفت که چگونه ماژول ها را ایجاد کنیم، قطعات را صادر و وارد کنیم و از قدرت سیستم های ماژول استفاده کنیم.

مقدمه ای بر ماژول ها

ماژول ها در TypeScript راهی برای کپسوله کردن کد در فایل های جداگانه هستند. هر فایل را می توان به عنوان یک ماژول، با دامنه و وابستگی های خاص خود در نظر گرفت. این امر سازماندهی کد، قابلیت استفاده مجدد و قابلیت نگهداری را ارتقا می دهد.

برای تعریف یک ماژول، از عبارت استفاده می کنیم export کلمه کلیدی برای علامت گذاری اجزایی که می خواهیم در خارج از ماژول در دسترس قرار دهیم.

// math.ts
export function sum(a: number, b: number): number {
  return a + b;
}

export const PI = 3.14;
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

صادرات و واردات ماژول ها

برای استفاده از اجزای ماژول دیگر، باید آنها را وارد کنیم. ما استفاده می کنیم import کلمه کلیدی برای تعیین ماژول و اجزایی که می خواهیم وارد کنیم.

// app.ts
import { sum, PI } from "./math";

console.log(sum(5, 10)); // 15
console.log(PI); // 3.14
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

ما همچنین می توانیم استفاده کنیم import عبارت با نام مستعار برای تغییر نام اجزای وارداتی.

import { sum as add } from "./math";
console.log(add(5, 10)); // 15
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

صادرات و واردات پیش فرض

یک ماژول می‌تواند یک صادرات پیش‌فرض داشته باشد که نشان‌دهنده مؤلفه اصلی صادر شده است. می توان آن را با استفاده از import بیانیه بدون پرانتز فرفری

// math.ts
export default function multiply(a: number, b: number): number {
  return a * b;
}

// app.ts
import multiply from "./math";
console.log(multiply(5, 10)); // 50
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

سازماندهی کد با سیستم های ماژول

TypeScript از سیستم های مختلف ماژول، از جمله ماژول های CommonJS، AMD و ES پشتیبانی می کند. سیستم ماژول مورد استفاده بستگی به محیط هدف و لودر ماژول مورد استفاده دارد.

برای تعیین سیستم ماژول می توانیم از module گزینه کامپایلر در tsconfig.json فایل.

{
  "compilerOptions": {
    "module": "commonjs"
  }
}
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

TypeScript انعطاف پذیری را در انتخاب سیستم ماژول بر اساس نیازهای خاص پروژه فراهم می کند.

نتیجه

ماژول‌ها و واردات ویژگی‌های قدرتمند TypeScript هستند که به ما اجازه می‌دهند پایگاه کد خود را به طور موثر سازماندهی و مدولار کنیم. آنها قابلیت استفاده مجدد، قابلیت نگهداری و سازماندهی بهتر کد را ترویج می کنند. با استفاده از ماژول ها، می توانیم برنامه های کاربردی مقیاس پذیر و قابل نگهداری بسازیم.


در بخش بعدی، برنامه‌نویسی ناهمزمان را با TypeScript بررسی خواهیم کرد، از جمله وعده‌ها، async/wait، مدیریت خطا و کار با توابع ناهمگام.


برای من یک قهوه بخر

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا