d4ins

const prototype = {
    greeting: "Hello!",

    greet: function() {
        console.log(this.greeting);
    },

    clone: function() {
        return Object.create(this);
    },

d4ins

import Prototype from "./class"

interface Modified extends Prototype {
    farewell: () => void;
}

const prototype: Prototype = new Prototype();

const cloned: Modified = <Modified>prototype.clone();

d4ins

class Prototype {
    greeting: string = "Hello!";

    greet(): void {
        console.log(this.greeting);
    }

    clone(): Prototype {
        return new Prototype();
    }

d4ins

class Prototype {
    greeting = "Hello!";

    greet() {
        console.log(this.greeting);
    }

    clone() {
        return new this.constructor();
    }

d4ins

function configureEvent(config: ConfigurationArgs): void {
    let createEvent;

    switch (config.os) {
        case 'ios':
            createEvent = createAppleEvent;
            break;
        case 'chromeos':
            createEvent = createGoogleEvent;
            break;

d4ins

function application(createEvent: CreateEvent): void {
    createEvent({name: 'Abstract Factory Pattern', date: new Date(), participants: []});
}

d4ins

function createOutlookEvent({name, date, participants}: CreateEventArgs): void {
    MicrosoftAPI.createEvent({title: name, date, users: participants});
}

d4ins

function createAppleEvent({name, date, participants}: CreateEventArgs): void {
    AppleAPI.createEvent({name, date, participants});
}

d4ins

function createGoogleEvent({name, date, participants}: CreateEventArgs): void {
    GoogleAPI.createEvent({title: name, date, invitees: participants});
}

d4ins

export interface CreateEventArgs {
    name: string;
    date: Date;
    participants: string[];
}

export interface ConfigurationArgs {
    os: 'ios' | 'chromeos' | 'windows';
}