0Pricing
TypeScript Academy · Pelajaran

Dekorator Parameter dan Metadata

Gunakan dekorator parameter dengan reflect-metadata.

Dekorator Parameter dan Metadata adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 4 pelajaran total.

Selamat Datang

Pelajaran ini membahas dekorator parameter dan metadata dalam TypeScript.

Pendahuluan

Dekorator merupakan proposal JavaScript tahap 3 dan fitur eksperimental TypeScript untuk menambahkan metadata serta memodifikasi kelas dan anggotanya.

Konsep Inti

Dekorator adalah fungsi yang diterapkan pada kelas, metode, properti, atau parameter menggunakan sintaks @.
@sealed
class BugReport {
  type = 'report';
  title: string;
  constructor(t: string) { this.title = t; }
}

Dekorator Kelas

Dekorator kelas menerima fungsi konstruktor dan dapat mengembalikan versi yang telah dimodifikasi.
function sealed(constructor: Function) {
  Object.seal(constructor);
  Object.seal(constructor.prototype);
}

Dekorator Metode

Dekorator metode menerima target, nama properti, dan deskriptor properti.
function log(target: any, key: string, desc: PropertyDescriptor) {
  const orig = desc.value;
  desc.value = function(...args: any[]) {
    console.log('Calling', key);
    return orig.apply(this, args);
  };
}

Dekorator Properti

Dekorator properti menerima target dan kunci properti. Dekorator ini tidak dapat mencegat pembacaan atau penulisan secara langsung.
function readonly(target: any, key: string) {
  Object.defineProperty(target, key, { writable: false });
}

Dekorator Parameter

Dekorator parameter menerima target, nama metode, dan indeks parameter.
function required(target: any, key: string, index: number) {
  const meta = Reflect.getMetadata('required', target, key) || [];
  meta.push(index);
  Reflect.defineMetadata('required', meta, target, key);
}

Pabrik Dekorator

Pabrik dekorator adalah fungsi yang mengembalikan dekorator. Fungsi ini menerima parameter konfigurasi.
function role(name: string) {
  return function(target: any, key: string) {
    Reflect.defineMetadata('role', name, target, key);
  };
}

class UserController {
  @role('admin')
  deleteUser() {}
}

Dekorator NestJS

NestJS banyak menggunakan dekorator untuk pengontrol, injeksi dependensi, dan perutean.
@Controller('users')
class UsersController {
  constructor(private usersService: UsersService) {}

  @Get()
  findAll(): User[] {
    return this.usersService.findAll();
  }
}

reflect-metadata

Dekorator sering bekerja dengan polyfill reflect-metadata untuk menyimpan dan mengambil metadata saat program berjalan.
import 'reflect-metadata';
// Enable in tsconfig: experimentalDecorators: true, emitDecoratorMetadata: true

Urutan Dekorator

Beberapa dekorator pada deklarasi yang sama diterapkan dari bawah ke atas (yang ditulis terakhir dievaluasi terlebih dahulu).
@first
@second
class Example {}
// Applied: second first, then first

Pemeriksaan Singkat

Konfigurasi TypeScript apa yang diperlukan untuk menggunakan dekorator?

Ringkasan

Dekorator menggunakan sintaks @ untuk memodifikasi kelas, metode, properti, dan parameter. Dekorator diaktifkan dengan experimentalDecorators dalam tsconfig dan banyak digunakan oleh kerangka kerja seperti NestJS dan Angular.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Dekorator Parameter dan Metadata” gratis?

Ya — teks lengkap “Dekorator Parameter dan Metadata” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Dekorator Parameter dan Metadata”?

Gunakan dekorator parameter dengan reflect-metadata. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai TypeScript Academy?

Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Dekorator Parameter dan Metadata” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?

Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Dekorator Class: Membungkus Perilaku
  2. Dekorator Method dan Properti
  3. Dekorator Parameter dan Metadata
  4. Dekorator dalam Framework: Contoh NestJS
← Kembali ke TypeScript Academy