/TypeScript/Factory design pattern typescript

Factory design pattern typescript

abstract class Ecomerce {
   abstract products(): Record<string, any>[]
}

class Tokopedia extends Ecomerce {
  products(): Record<string, any>[] {
     return [
      {name: 'PS4', price: 5000000},
      {name: 'PSV', price: 3500000},
      {name: 'Gameboy', price: 350000}
     ]
  }
}

class Bukalapak extends Ecomerce {
  products(): Record<string, any>[] {
     return [
      {name: 'PS4', price: 4500000},
      {name: 'PSV', price: 2500000},
      {name: 'Gameboy', price: 250000}
     ]
  }
}

class Shopee extends Ecomerce {
  products(): Record<string, any>[] {
     return [
      {name: 'PS4', price: 3500000},
      {name: 'PSV', price: 1500000},
      {name: 'Gameboy', price: 150000}
     ]
  }
}

// delacation factory metode here

interface EcomerceFactory {
   getEcomerce(name: string): Tokopedia | Bukalapak | Shopee
}

class EcomerceFactory implements EcomerceFactory {
  getEcomerce(name: string): Tokopedia | Bukalapak | Shopee {
      if(name.toLowerCase() == 'tokopedia') {
         return new Tokopedia()
      } else if(name.toLowerCase() == 'bukalapak') {
         return new Bukalapak()
      } else if(name.toLowerCase() == 'shopee') {
         return new Shopee()
      }
  }
}

const res = new EcomerceFactory()
const tokopedia = res.getEcomerce('tokopedia')
const bukalapak = res.getEcomerce('bukalapak')
const shopee = res.getEcomerce('shopee')

console.log(`Tokopedia: ${tokopedia.products()}`)
console.log(`Bukalapak: ${bukalapak.products()}`)
console.log(`Shopee: ${shopee.products()}`)

Similar codes

0 vote348 views1 answer
Reach router path typescript error
TypeScript
1 vote340 views1 answer
Styled components reset
TypeScript
1 vote322 views2 answers
Typescript run on save
TypeScript
0 vote289 views1 answer
Filter an array of objects react
TypeScript
7 votes318 views2 answers
Loop an object properties in ts
TypeScript
1 vote356 views1 answer
CLIENT MISSING INTENTS discord
TypeScript
0 vote346 views1 answer
Window ethereum types
TypeScript
7 votes345 views6 answers
How to Reload a Component in Angular
TypeScript
0 vote320 views3 answers
Convert typescript to js online
TypeScript
0 vote313 views1 answer
Google fonts icons size classes
TypeScript