Decorator TypeScript: Menguasai Pola Pemrograman Metadata untuk Aplikasi yang Tangguh

            @MyDecorator
class MyClass {
  @AnotherDecorator
  myMethod() {
    // ...
  }
}
            

              
                Copy
              
            
          

            // tsconfig.json
{
  "compilerOptions": {
    "target": "ES2017",
    "module": "commonjs",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}
            

              
                Copy
              
            
          

            npm install reflect-metadata --save
# atau
yarn add reflect-metadata
            

              
                Copy
              
            
          

            import "reflect-metadata";
// Kode aplikasi Anda menyusul
            

              
                Copy
              
            
          

            function Logger(prefix: string) {
  return function (target: Function) {
    console.log(`[${prefix}] Kelas ${target.name} telah didefinisikan.`);
  };
}

@Logger("APP_INIT")
class ApplicationBootstrap {
  constructor() {
    console.log("Aplikasi sedang dimulai...");
  }
}

const app = new ApplicationBootstrap();
// Keluaran:
// [APP_INIT] Kelas ApplicationBootstrap telah didefinisikan.
// Aplikasi sedang dimulai...
            

              
                Copy
              
            
          

            function ClassDecorator(target: Function) { ... }
            

              
                Copy
              
            
          

            const InjectableServiceRegistry = new Map<string, Function>();

function Injectable(name?: string) {
  return function<T extends { new(...args: any[]): {} }>(constructor: T) {
    const serviceName = name || constructor.name;
    InjectableServiceRegistry.set(serviceName, constructor);
    console.log(`Layanan terdaftar: ${serviceName}`);

    // Secara opsional, Anda bisa mengembalikan kelas baru di sini untuk menambah perilaku
    return class extends constructor {
      createdAt = new Date();
      // Properti atau metode tambahan untuk semua layanan yang disuntikkan
    };
  };
}

@Injectable("UserService")
class UserDataService {
  getUsers() {
    return [{ id: 1, name: "Alice" }, { id: 2, name: "Bob" }];
  }
}

@Injectable()
class ProductDataService {
  getProducts() {
    return [{ id: 101, name: "Laptop" }, { id: 102, name: "Mouse" }];
  }
}

console.log("--- Layanan Terdaftar ---");
console.log(Array.from(InjectableServiceRegistry.keys()));

const userServiceConstructor = InjectableServiceRegistry.get("UserService");
if (userServiceConstructor) {
  const userServiceInstance = new userServiceConstructor();
  console.log("Pengguna:", userServiceInstance.getUsers());
  // console.log("Layanan Pengguna Dibuat Pada:", userServiceInstance.createdAt); // Jika kelas yang dikembalikan digunakan
}
            

              
                Copy
              
            
          

            function MethodDecorator(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) { ... }
            

              
                Copy
              
            
          

            function MeasurePerformance(target: Object, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;

  descriptor.value = function(...args: any[]) {
    const start = process.hrtime.bigint();
    const result = originalMethod.apply(this, args);
    const end = process.hrtime.bigint();
    const duration = Number(end - start) / 1_000_000;
    console.log(`Metode "${propertyKey}" dieksekusi dalam ${duration.toFixed(2)} md`);
    return result;
  };

  return descriptor;
}

class DataProcessor {
  @MeasurePerformance
  processData(data: number[]): number[] {
    // Mensimulasikan operasi yang kompleks dan memakan waktu
    for (let i = 0; i < 1_000_000; i++) {
      Math.sin(i);
    }
    return data.map(n => n * 2);
  }

  @MeasurePerformance
  fetchRemoteData(id: string): Promise<string> {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve(`Data untuk ID: ${id}`);
      }, 500);
    });
  }
}

const processor = new DataProcessor();
processor.processData([1, 2, 3]);
processor.fetchRemoteData("abc").then(result => console.log(result));
            

              
                Copy
              
            
          

            function AccessorDecorator(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) { ... }
            

              
                Copy
              
            
          

            function CachedGetter(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalGetter = descriptor.get;
  const cacheKey = `_cached_${String(propertyKey)}`;

  if (originalGetter) {
    descriptor.get = function() {
      if (this[cacheKey] === undefined) {
        console.log(`[Cache Miss] Menghitung nilai untuk ${String(propertyKey)}`);
        this[cacheKey] = originalGetter.apply(this);
      } else {
        console.log(`[Cache Hit] Menggunakan nilai cache untuk ${String(propertyKey)}`);
      }
      return this[cacheKey];
    };
  }
  return descriptor;
}

class ReportGenerator {
  private data: number[];

  constructor(data: number[]) {
    this.data = data;
  }

  // Mensimulasikan komputasi yang mahal
  @CachedGetter
  get expensiveSummary(): number {
    console.log("Melakukan perhitungan ringkasan yang mahal...");
    return this.data.reduce((sum, current) => sum + current, 0) / this.data.length;
  }
}

const generator = new ReportGenerator([10, 20, 30, 40, 50]);

console.log("Akses pertama:", generator.expensiveSummary);
console.log("Akses kedua:", generator.expensiveSummary);
console.log("Akses ketiga:", generator.expensiveSummary);
            

              
                Copy
              
            
          

            function PropertyDecorator(target: Object, propertyKey: string | symbol) { ... }
            

              
                Copy
              
            
          

            interface ValidationRule {
  property: string | symbol;
  validate: (value: any) => boolean;
  message: string;
}

const validationRules: Map<Function, ValidationRule[]> = new Map();

function Required(target: Object, propertyKey: string | symbol) {
  const rules = validationRules.get(target.constructor) || [];
  rules.push({
    property: propertyKey,
    validate: (value: any) => value !== null && value !== undefined && value !== "",
    message: `${String(propertyKey)} wajib diisi.`
  });
  validationRules.set(target.constructor, rules);
}

function validate(instance: any): string[] {
  const classRules = validationRules.get(instance.constructor) || [];
  const errors: string[] = [];

  for (const rule of classRules) {
    if (!rule.validate(instance[rule.property])) {
      errors.push(rule.message);
    }
  }
  return errors;
}

class UserProfile {
  @Required
  firstName: string;

  @Required
  lastName: string;

  age?: number;

  constructor(firstName: string, lastName: string, age?: number) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }
}

const user1 = new UserProfile("John", "Doe", 30);
console.log("Kesalahan validasi Pengguna 1:", validate(user1)); // []

const user2 = new UserProfile("", "Smith");
console.log("Kesalahan validasi Pengguna 2:", validate(user2)); // ["firstName wajib diisi."]

const user3 = new UserProfile("Alice", "");
console.log("Kesalahan validasi Pengguna 3:", validate(user3)); // ["lastName wajib diisi."]
            

              
                Copy
              
            
          

            function ParameterDecorator(target: Object, propertyKey: string | symbol | undefined, parameterIndex: number) { ... }
            

              
                Copy
              
            
          

            interface ParameterMetadata {
  index: number;
  key: string | symbol;
  resolver: (request: any) => any;
}

const parameterResolvers: Map<Function, Map<string | symbol, ParameterMetadata[]>> = new Map();

function RequestParam(paramName: string) {
  return function (target: Object, propertyKey: string | symbol | undefined, parameterIndex: number) {
    const targetKey = propertyKey || "constructor";
    let methodResolvers = parameterResolvers.get(target.constructor);
    if (!methodResolvers) {
      methodResolvers = new Map();
      parameterResolvers.set(target.constructor, methodResolvers);
    }
    const paramMetadata = methodResolvers.get(targetKey) || [];
    paramMetadata.push({
      index: parameterIndex,
      key: targetKey,
      resolver: (request: any) => request[paramName]
    });
    methodResolvers.set(targetKey, paramMetadata);
  };
}

// Fungsi kerangka kerja hipotetis untuk memanggil metode dengan parameter yang diselesaikan
function executeWithParams(instance: any, methodName: string, request: any) {
  const classResolvers = parameterResolvers.get(instance.constructor);
  if (!classResolvers) {
    return (instance[methodName] as Function).apply(instance, []);
  }
  const methodParamMetadata = classResolvers.get(methodName);
  if (!methodParamMetadata) {
    return (instance[methodName] as Function).apply(instance, []);
  }

  const args: any[] = Array(methodParamMetadata.length);
  for (const meta of methodParamMetadata) {
    args[meta.index] = meta.resolver(request);
  }
  return (instance[methodName] as Function).apply(instance, args);
}

class UserController {
  getUser(@RequestParam("id") userId: string, @RequestParam("token") authToken?: string) {
    console.log(`Mengambil pengguna dengan ID: ${userId}, Token: ${authToken || "T/A"}`);
    return { id: userId, name: "Jane Doe" };
  }

  deleteUser(@RequestParam("id") userId: string) {
    console.log(`Menghapus pengguna dengan ID: ${userId}`);
    return { status: "dihapus", id: userId };
  }
}

const userController = new UserController();

// Mensimulasikan permintaan masuk
const mockRequest = {
  id: "user123",
  token: "abc-123",
  someOtherProp: "xyz"
};

console.log("\n--- Menjalankan getUser ---");
executeWithParams(userController, "getUser", mockRequest);

console.log("\n--- Menjalankan deleteUser ---");
executeWithParams(userController, "deleteUser", { id: "user456" });
            

              
                Copy
              
            
          

            @DecoratorA
@DecoratorB
class MyClass {
  // ...
}

            

              
                Copy
              
            
          

            function LogCall(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(`[LOG] Memanggil ${String(propertyKey)} dengan argumen:`, args);
    const result = originalMethod.apply(this, args);
    console.log(`[LOG] Metode ${String(propertyKey)} mengembalikan:`, result);
    return result;
  };
  return descriptor;
}

function Authorization(roles: string[]) {
  return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
    const originalMethod = descriptor.value;
    descriptor.value = function (...args: any[]) {
      const currentUserRoles = ["admin"]; // Mensimulasikan pengambilan peran pengguna saat ini
      const authorized = roles.some(role => currentUserRoles.includes(role));
      if (!authorized) {
        console.warn(`[AUTH] Akses ditolak untuk ${String(propertyKey)}. Peran yang dibutuhkan: ${roles.join(", ")}`);
        throw new Error("Akses tidak sah");
      }
      console.log(`[AUTH] Akses diberikan untuk ${String(propertyKey)}`);
      return originalMethod.apply(this, args);
    };
    return descriptor;
  };
}

class SecureService {
  @LogCall
  @Authorization(["admin"])
  deleteSensitiveData(id: string) {
    console.log(`Menghapus data sensitif untuk ID: ${id}`);
    return `Data ID ${id} dihapus.`;
  }

  @Authorization(["user"])
  @LogCall // Urutan diubah di sini
  fetchPublicData(query: string) {
    console.log(`Mengambil data publik dengan kueri: ${query}`);
    return `Data publik untuk kueri: ${query}`; 
  }
}

const service = new SecureService();

try {
  console.log("\n--- Memanggil deleteSensitiveData (Pengguna Admin) ---");
  service.deleteSensitiveData("record123");
} catch (error: any) {
  console.error(error.message);
}

try {
  console.log("\n--- Memanggil fetchPublicData (Pengguna Non-Admin) ---");
  // Mensimulasikan pengguna non-admin mencoba mengakses fetchPublicData yang memerlukan peran 'user'
  const mockUserRoles = ["guest"]; // Ini akan gagal otentikasi
  // Untuk membuatnya dinamis, Anda memerlukan sistem DI atau konteks statis untuk peran pengguna saat ini.
  // Untuk kesederhanaan, kita asumsikan decorator Authorization memiliki akses ke konteks pengguna saat ini.
  // Mari kita sesuaikan decorator Authorization untuk selalu mengasumsikan 'admin' untuk tujuan demo,
  // sehingga panggilan pertama berhasil dan yang kedua gagal untuk menunjukkan jalur yang berbeda.
  
  // Jalankan kembali dengan peran pengguna agar fetchPublicData berhasil.
  // Bayangkan currentUserRoles di Authorization menjadi: ['user']
  // Untuk contoh ini, mari kita tetap sederhana dan menunjukkan efek urutan.
  service.fetchPublicData("istilah pencarian"); // Ini akan menjalankan Auth -> Log
} catch (error: any) {
  console.error(error.message);
}

/* Keluaran yang diharapkan untuk deleteSensitiveData:
[AUTH] Akses diberikan untuk deleteSensitiveData
[LOG] Memanggil deleteSensitiveData dengan argumen: [ 'record123' ]
Menghapus data sensitif untuk ID: record123
[LOG] Metode deleteSensitiveData mengembalikan: Data ID record123 dihapus.
*/

/* Keluaran yang diharapkan untuk fetchPublicData (jika pengguna memiliki peran 'user'):
[LOG] Memanggil fetchPublicData dengan argumen: [ 'istilah pencarian' ]
[AUTH] Akses diberikan untuk fetchPublicData
Mengambil data publik dengan kueri: istilah pencarian
[LOG] Metode fetchPublicData mengembalikan: Data publik untuk kueri: istilah pencarian
*/
            

              
                Copy
              
            
          

            function log(message: string) {
  return function (target: any, propertyKey: string | symbol | undefined, descriptorOrIndex?: PropertyDescriptor | number) {
    if (typeof descriptorOrIndex === 'number') {
      console.log(`Decorator Param: ${message} pada parameter #${descriptorOrIndex} dari ${String(propertyKey || "constructor")}`);
    } else if (typeof propertyKey === 'string' || typeof propertyKey === 'symbol') {
      if (descriptorOrIndex && 'value' in descriptorOrIndex && typeof descriptorOrIndex.value === 'function') {
        console.log(`Decorator Metode/Accessor: ${message} pada ${String(propertyKey)}`);
      } else {
        console.log(`Decorator Properti: ${message} pada ${String(propertyKey)}`);
      }
    } else {
      console.log(`Decorator Kelas: ${message} pada ${target.name}`);
    }
    return descriptorOrIndex; // Kembalikan deskriptor untuk metode/accessor, undefined untuk yang lain
  };
}

@log("Tingkat Kelas D")
@log("Tingkat Kelas C")
class MyDecoratedClass {
  @log("Properti Statis A")
  static staticProp: string = "";

  @log("Properti Instance B")
  instanceProp: number = 0;

  @log("Metode D")
  @log("Metode C")
  myMethod(
    @log("Parameter Z") paramZ: string,
    @log("Parameter Y") paramY: number
  ) {
    console.log("Metode myMethod dieksekusi.");
  }

  @log("Getter/Setter F")
  get myAccessor() {
    return "";
  }

  set myAccessor(value: string) {
    //...
  }

  constructor() {
    console.log("Konstruktor dieksekusi.");
  }
}

new MyDecoratedClass();
// Panggil metode untuk memicu decorator metode
new MyDecoratedClass().myMethod("hello", 123);

/* Urutan Keluaran yang Diprediksi (perkiraan, tergantung pada versi TypeScript dan kompilasi spesifik):
Decorator Param: Parameter Y pada parameter #1 dari myMethod
Decorator Param: Parameter Z pada parameter #0 dari myMethod
Decorator Properti: Properti Statis A pada staticProp
Decorator Properti: Properti Instance B pada instanceProp
Decorator Metode/Accessor: Getter/Setter F pada myAccessor
Decorator Metode/Accessor: Metode C pada myMethod
Decorator Metode/Accessor: Metode D pada myMethod
Decorator Kelas: Tingkat Kelas C pada MyDecoratedClass
Decorator Kelas: Tingkat Kelas D pada MyDecoratedClass
Konstruktor dieksekusi.
Metode myMethod dieksekusi.
*/
            

              
                Copy
              
            
          

            import "reflect-metadata"; // Penting untuk emitDecoratorMetadata

const INJECTABLE_METADATA_KEY = Symbol("injectable");
const INJECT_METADATA_KEY = Symbol("inject");

function Injectable() {
  return function (target: Function) {
    Reflect.defineMetadata(INJECTABLE_METADATA_KEY, true, target);
  };
}

function Inject(token: any) {
  return function (target: Object, propertyKey: string | symbol, parameterIndex: number) {
    const existingInjections: any[] = Reflect.getOwnMetadata(INJECT_METADATA_KEY, target, propertyKey) || [];
    existingInjections[parameterIndex] = token;
    Reflect.defineMetadata(INJECT_METADATA_KEY, existingInjections, target, propertyKey);
  };
}

class Container {
  private static instances = new Map<any, any>();

  static resolve<T>(target: { new (...args: any[]): T }): T {
    if (Container.instances.has(target)) {
      return Container.instances.get(target);
    }

    const isInjectable = Reflect.getMetadata(INJECTABLE_METADATA_KEY, target);
    if (!isInjectable) {
      throw new Error(`Kelas ${target.name} tidak ditandai sebagai @Injectable.`);
    }

    // Dapatkan tipe parameter konstruktor (memerlukan emitDecoratorMetadata)
    const paramTypes: any[] = Reflect.getMetadata("design:paramtypes", target) || [];
    const explicitInjections: any[] = Reflect.getMetadata(INJECT_METADATA_KEY, target) || [];

    const dependencies = paramTypes.map((paramType, index) => {
      // Gunakan token @Inject eksplisit jika disediakan, jika tidak, infer tipe
      const token = explicitInjections[index] || paramType;
      if (token === undefined) {
        throw new Error(`Tidak dapat menyelesaikan parameter di indeks ${index} untuk ${target.name}. Mungkin ada dependensi sirkular atau tipe primitif tanpa @Inject eksplisit.`);
      }
      return Container.resolve(token);
    });

    const instance = new target(...dependencies);
    Container.instances.set(target, instance);
    return instance;
  }
}

// Definisikan layanan
@Injectable()
class DatabaseService {
  connect() {
    console.log("Menghubungkan ke database...");
    return "Koneksi DB";
  }
}

@Injectable()
class AuthService {
  private db: DatabaseService;

  constructor(db: DatabaseService) {
    this.db = db;
  }

  login() {
    console.log(`AuthService: Mengautentikasi menggunakan ${this.db.connect()}`);
    return "Pengguna berhasil login";
  }
}

@Injectable()
class UserService {
  private authService: AuthService;
  private dbService: DatabaseService; // Contoh menyuntikkan melalui properti menggunakan decorator kustom atau fitur kerangka kerja

  constructor(@Inject(AuthService) authService: AuthService,
              @Inject(DatabaseService) dbService: DatabaseService) {
    this.authService = authService;
    this.dbService = dbService;
  }

  getUserProfile() {
    this.authService.login();
    this.dbService.connect();
    console.log("UserService: Mengambil profil pengguna...");
    return { id: 1, name: "Pengguna Global" };
  }
}

// Selesaikan layanan utama
console.log("--- Menyelesaikan UserService ---");
const userService = Container.resolve(UserService);
console.log(userService.getUserProfile());

console.log("\n--- Menyelesaikan AuthService (seharusnya sudah di-cache) ---");
const authService = Container.resolve(AuthService);
authService.login();
            

              
                Copy
              
            
          

            function LogMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(`[LOG AOP] Memasuki metode: ${String(propertyKey)} dengan argumen:`, args);
    try {
      const result = originalMethod.apply(this, args);
      console.log(`[LOG AOP] Keluar dari metode: ${String(propertyKey)} dengan hasil:`, result);
      return result;
    } catch (error: any) {
      console.error(`[LOG AOP] Kesalahan pada metode ${String(propertyKey)}:`, error.message);
      throw error;
    }
  };
  return descriptor;
}

class PaymentProcessor {
  @LogMethod
  processPayment(amount: number, currency: string) {
    if (amount <= 0) {
      throw new Error("Jumlah pembayaran harus positif.");
    }
    console.log(`Memproses pembayaran sebesar ${amount} ${currency}...`);
    return `Pembayaran sebesar ${amount} ${currency} berhasil diproses.`;
  }

  @LogMethod
  refundPayment(transactionId: string) {
    console.log(`Mengembalikan dana pembayaran untuk ID transaksi: ${transactionId}...`);
    return `Pengembalian dana dimulai untuk ${transactionId}.`;
  }
}

const processor = new PaymentProcessor();
processor.processPayment(100, "USD");
try {
  processor.processPayment(-50, "EUR");
} catch (error: any) {
  console.error("Menangkap kesalahan:", error.message);
}
            

              
                Copy
              
            
          

            interface FieldValidationRule {
  property: string | symbol;
  validator: (value: any) => boolean;
  message: string;
}

const fieldValidationRules = new Map<Function, FieldValidationRule[]>();

function addValidationRule(target: Object, propertyKey: string | symbol, validator: (value: any) => boolean, message: string) {
  const rules = fieldValidationRules.get(target.constructor) || [];
  rules.push({ property: propertyKey, validator, message });
  fieldValidationRules.set(target.constructor, rules);
}

function IsPositive(target: Object, propertyKey: string | symbol) {
  addValidationRule(target, propertyKey, (value: number) => value > 0, `${String(propertyKey)} harus berupa angka positif.`);
}

function MaxLength(maxLength: number) {
  return function (target: Object, propertyKey: string | symbol) {
    addValidationRule(target, propertyKey, (value: string) => value.length <= maxLength, `${String(propertyKey)} harus paling banyak ${maxLength} karakter.`);
  };
}

class Product {
  @MaxLength(50)
  name: string;

  @IsPositive
  price: number;

  constructor(name: string, price: number) {
    this.name = name;
    this.price = price;
  }

  static validate(instance: any): string[] {
    const errors: string[] = [];
    const rules = fieldValidationRules.get(instance.constructor) || [];
    for (const rule of rules) {
      if (!rule.validator(instance[rule.property])) {
        errors.push(rule.message);
      }
    }
    return errors;
  }
}

const product1 = new Product("Laptop", 1200);
console.log("Kesalahan Produk 1:", Product.validate(product1)); // []

const product2 = new Product("Nama produk yang sangat panjang yang melebihi batas lima puluh karakter untuk tujuan pengujian", 50);
console.log("Kesalahan Produk 2:", Product.validate(product2)); // ["name harus paling banyak 50 karakter."]

const product3 = new Product("Buku", -10);
console.log("Kesalahan Produk 3:", Product.validate(product3)); // ["price harus berupa angka positif."]
            

              
                Copy
              
            
          

            // Decorator yang memastikan metode dicatat dan juga memerlukan peran admin
function AdminAndLoggedMethod() {
  return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
    // Terapkan Authorization terlebih dahulu (dalam)
    Authorization(["admin"])(target, propertyKey, descriptor);
    // Kemudian terapkan LogCall (luar)
    LogCall(target, propertyKey, descriptor);

    return descriptor; // Kembalikan deskriptor yang dimodifikasi
  };
}

class AdminPanel {
  @AdminAndLoggedMethod()
  deleteUserAccount(userId: string) {
    console.log(`Menghapus akun pengguna: ${userId}`);
    return `Pengguna ${userId} dihapus.`;
  }
}

const adminPanel = new AdminPanel();
adminPanel.deleteUserAccount("user007");
/* Keluaran yang Diharapkan (dengan asumsi peran admin):
[AUTH] Akses diberikan untuk deleteUserAccount
[LOG] Memanggil deleteUserAccount dengan argumen: [ 'user007' ]
Menghapus akun pengguna: user007
[LOG] Metode deleteUserAccount mengembalikan: Pengguna user007 dihapus.
*/
            

              
                Copy
              
            
          

            function ApplyMixins(constructors: Function[]) {
  return function (derivedConstructor: Function) {
    constructors.forEach(baseConstructor => {
      Object.getOwnPropertyNames(baseConstructor.prototype).forEach(name => {
        Object.defineProperty(
          derivedConstructor.prototype,
          name,
          Object.getOwnPropertyDescriptor(baseConstructor.prototype, name) || Object.create(null)
        );
      });
    });
  };
}

class Disposable {
  isDisposed: boolean = false;
  dispose() {
    this.isDisposed = true;
    console.log("Objek dibuang.");
  }
}

class Loggable {
  log(message: string) {
    console.log(`[Loggable] ${message}`);
  }
}

@ApplyMixins([Disposable, Loggable])
class MyResource implements Disposable, Loggable {
  // Properti/metode ini disuntikkan oleh decorator
  isDisposed!: boolean;
  dispose!: () => void;
  log!: (message: string) => void;

  constructor(public name: string) {
    this.log(`Sumber daya ${this.name} dibuat.`);
  }

  cleanUp() {
    this.dispose();
    this.log(`Sumber daya ${this.name} dibersihkan.`);
  }
}

const resource = new MyResource("NetworkConnection");
console.log(`Sudah dibuang: ${resource.isDisposed}`);
resource.cleanUp();
console.log(`Sudah dibuang: ${resource.isDisposed}`);
            

              
                Copy