บทนำเกี่ยวกับการขยายโมดูล

การขยายโมดูลช่วยให้คุณเพิ่มหรือแก้ไขโมดูลที่มีอยู่ได้ ทำให้สามารถเพิ่มคุณสมบัติหรือเมธอดแบบกำหนดเองให้กับไลบรารีหรือโมดูลใน TypeScript

คุณลักษณะนี้มีประโยชน์อย่างยิ่งเมื่อทำงานกับไลบรารีของบุคคลที่สามที่ต้องการฟังก์ชันเพิ่มเติมหรือประเภทแบบกำหนดเอง

การขยายโมดูลคืออะไร

การขยายโมดูลคือการเปิดโมดูลที่มีอยู่อีกครั้ง แล้วเพิ่มหรือแก้ไขประเภทหรือฟังก์ชันการทำงานโดยใช้ไวยากรณ์ declare module

ตัวอย่างพื้นฐานของการขยายโมดูล

ต่อไปนี้เป็นตัวอย่างการขยายโมดูล express เพื่อเพิ่มคุณสมบัติแบบกำหนดเองให้กับวัตถุ Request:

import 'express';

declare module 'express' {
  interface Request {
    user?: { id: string; role: string };
  }
}

การใช้โมดูลที่ขยายแล้ว

หลังจากขยายโมดูลแล้ว คุณสามารถใช้ฟังก์ชันการทำงานที่เพิ่มขึ้นในแอปพลิเคชันของคุณได้:

import express from 'express';

const app = express();

app.use((req, res, next) => {
  req.user = { id: '123', role: 'admin' };
  next();
});

app.get('/', (req, res) => {
  res.send(`User ID: ${req.user?.id}`);
});

การเพิ่มประเภทแบบกำหนดเองให้กับโมดูลของบุคคลที่สาม

มักใช้การขยายโมดูลเพื่อเพิ่มประเภทแบบกำหนดเองให้กับไลบรารีของบุคคลที่สามที่ไม่ครอบคลุมกรณีการใช้งานของคุณอย่างสมบูรณ์

ข้อควรระวังในการขยายโมดูล

เมื่อขยายโมดูล:

• ตรวจสอบว่าไม่ได้เขียนทับประเภทที่มีอยู่โดยไม่ได้ตั้งใจ
• จัดทำเอกสารการเปลี่ยนแปลงเพื่อให้ดูแลรักษาโค้ดได้ดียิ่งขึ้น
• ใช้การขยายโมดูลเฉพาะเมื่อจำเป็น เพื่อหลีกเลี่ยงการทำให้ประเภทส่วนกลางรกรุงรัง

กรณีการใช้งานในโลกจริง

มักใช้การขยายโมดูลสำหรับ:

• ขยายไลบรารีของบุคคลที่สามให้รองรับคุณสมบัติเฉพาะของแอปพลิเคชัน
• เพิ่มคุณสมบัติของซอฟต์แวร์ตัวกลางแบบกำหนดเองในเฟรมเวิร์กอย่าง Express.js
• ปรับโมดูลให้เหมาะกับข้อกำหนดเฉพาะของโครงการ

ภารกิจฝึกปฏิบัติ

ขยายวัตถุ Request จากโมดูล express เพื่อเพิ่มเมธอด isAuthenticated แบบกำหนดเอง จากนั้นใช้เมธอดนี้ในฟังก์ชันซอฟต์แวร์ตัวกลางตัวอย่าง

ขอแสดงความยินดี!

คุณได้เรียนรู้วิธีใช้การขยายโมดูลเพื่อเพิ่มหรือแก้ไขโมดูลที่มีอยู่ใน TypeScript แล้ว โปรดฝึกทักษะนี้เพื่อปรับแต่งไลบรารีของบุคคลที่สามและเพิ่มประสิทธิภาพให้แอปพลิเคชันของคุณ!