Menggunakan Decorator Pattern pada Typescript

Decorator Pattern (Dalam konteks TypeScript), adalah sebuah function yang akan dieksekusi sebelum suatu perintah di dalam sebuah class dipanggil, baik pemanggilan class itu sendiri, method, property, ataupun accessor suatu class. Typescript menggunakan annotation `@` untuk menandai sebuah decorator.

Pada bagian ini, kita akan menggunakan Class Decorator, artinya sebuah decorator yang dieksekusi ketika sebuah class dibuat instance nya.

Berikut implementasinya:

1. Buat sebuah folder untuk project, dengan perintah `mkdir decorator && cd decorator` pada Terminal/CMD
2. Buka project tersebut menggunakan visual studio code `code .`

3. Init project dengan perintah: `npm init -y`

4. Install typescript pada project menggunakan perintah ``npm install -D typescript @types/node``, maka pada package.json akan tampil sebagai berikut.

5. Inisialisasi config Typescript, dengan perintah ``npx tsc --init``

6. Buat file index.ts

7. Edit `package.json` untuk membuat perintah build index.ts tersebut pada bagian `scripts`, seperti pada gambar berikut.

8. Lakukan kompilasi dengan perintah `npm run build`

9. Kompilasi `index.js` hasil compile `index.ts` dengan perintah `node index.js`

Dukung Saya supaya tetap menulis artikel-artikel yang baik, membayar sewa domain, dan server untuk blog ini. Caranya dengan donasi cendol via Trakteer.id.