/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

1 vote172 views1 answer
Typescript use object keys as index
TypeScript
0 vote169 views1 answer
Enable anchor scrolling angular
TypeScript
9 votes180 views5 answers
Array of objects typescript
TypeScript
4 votes182 views2 answers
Cannot find module '../../images/home.svg' or its corresponding type declarations
TypeScript
0 vote184 views1 answer
Using method parameters in a guard nestjs
TypeScript
0 vote197 views1 answer
Ts pipe function
TypeScript
0 vote165 views1 answer
Queryselectorall of multiple tags
TypeScript
0 vote219 views1 answer
Can i use different flutter versions for differnt progjects ?
TypeScript
1 vote199 views1 answer
React Native: Double back press to Exit App
TypeScript
2 votes219 views1 answer
Coronavirus treatments India
TypeScript