/TypeScript/Facade design pattern typescript

Facade design pattern typescript

interface Store {
  product(name: string): string
  category(): string
}

class Minuman implements Store {
   product(name: string): string {
      return name
   }
   
   category(): string {
      return 'minuman'
   }
}

class Makanan implements Store {   
   product(name: string): string {
      return name
   }
   
   category(): string {
     return 'makanan'
   }
}

class StoreFaced {
  public minuman: InstanceType<typeof Minuman>
  public makanan: InstanceType<typeof Makanan>
  
  constructor() {
    this.minuman = new Minuman()
    this.makanan = new Makanan()
  }
  
  storeMinuman(name: string): string {
    return this.minuman.product(name)
  }
  
  storeMakanan(name: string): string {
    return this.makanan.product(name)
  }
}

const res = new StoreFaced()
console.log(`product name: ${res.storeMinuman("cola cola")} and product category ${res.minuman.category()}`)
console.log(`product name: ${res.storeMakanan("biskuat")} and product category ${res.makanan.category()}`)

Similar codes

0 vote183 views3 answers
Typescript with babel
TypeScript
1 vote193 views1 answer
Promise.all does not wait
TypeScript
27 votes197 views4 answers
How to hide bullet points in css
TypeScript
0 vote196 views1 answer
Cannot find module 'ng2-pdf-viewer' or its corresponding type declarations
TypeScript
0 vote183 views1 answer
Failed to enumerate objects in the container access is denied windows 10
TypeScript
5 votes174 views3 answers
Typescript check type
TypeScript
1 vote186 views2 answers
Benefits of linux
TypeScript
0 vote230 views1 answer
The marking menu shortcuts to context-sensitive commands and tools. Marking menu accessed for objects:
TypeScript
0 vote195 views1 answer
Usage: testing_caption_generator.py [-h] -i IMAGE testing_caption_generator.py: error: the following arguments are required: -i/--image An exception has occurred, use %tb to see the full traceback.
TypeScript
1 vote227 views1 answer
Reactive form disable
TypeScript