/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 vote210 views1 answer
Wordpress have_posts not working
TypeScript
16 votes198 views4 answers
Npx create-next-app typescript
TypeScript
0 vote200 views1 answer
See tsv in format on command line
TypeScript
0 vote257 views1 answer
How to pass data to another page in ionic 3
TypeScript
0 vote177 views1 answer
Pass class to generic typescript
TypeScript
7 votes199 views3 answers
How to call a function that other scripts can access in unity
TypeScript
0 vote204 views3 answers
Get local storage data in angular
TypeScript
0 vote201 views1 answer
Display Popular Posts laravel
TypeScript
5 votes215 views2 answers
Array.prototype.map() expects a return value from arrow function array-callback-return react
TypeScript
1 vote201 views1 answer
Mongodb array not equal to value
TypeScript