गेम ऑफ़ थ्रोन्स के उदाहरण पर ES6 + में डिज़ाइन पैटर्न बनाना

• फैक्टरी (कपड़ा)
• अमूर्त (सार)
• कंस्ट्रक्टर (बिल्डर)
• प्रोटोटाइप (प्रोटोटाइप)
• सिंगलटन (सिंगलटन)

फ़ैक्टरी

• सैनिकों को परिभाषित करने के लिए इंटरफ़ेस
• प्रत्येक घर को सशक्त बनाने के लिए प्रत्येक प्रकार के सैनिक के लिए एक वर्ग
• वह चाहे जिस घर का हो, नए सैनिक के निर्माण का अनुरोध करने के लिए कक्षा

class Soldier {
    constructor(name) {
        this.name = name
        this.attack = this.attack.bind(this)
    }

    attack() {}
}

class LannisterSoldier extends Soldier {
    attack() {
        return 'Lannister always pays his debts'
    }
}

class TargaryenSoldier extends Soldier {
    attack() {
        return 'Fire and blond'
    }
}

class Spawn {
    constructor(type, name) {
        if (type === 'lannister') return new LannisterSoldier(name)
        else return new TargaryenSoldier(name)
    }
}

(() => {
    const lannister = new Spawn('lannister', 'soldier1')
    const targaryen = new Spawn('targaryen', 'soldier2')
    console.log(lannister.attack())
    console.log(targaryen.attack())
})()

इसका उपयोग कब किया जाता है?

• ,
• ,

• ,

//  
class HeirToTheThrone {
    conctructor(name, isActualOnTheThrone) {
        this.name = name
        this.isActualOnTheThrone = isActualOnTheThrone
        this.getTheThrone = this.getTheThrone.bind(this)
    }
    getTheThrone() {}
}

class HeirToTheThroneLannister extends HeirToTheThrone {
    getTheThrone(){
        console.log('kill all')
    }
}

class HeirToTheThroneTargaryen extends HeirToTheThrone {
    getTheThrone() {
        console.log('burn all')
    }
}

//  
class Subject {
    constructor(name) {
        this.name = name
        this.speak = this.speak.bind(this)
    }
    speak() {}
}

class SubjectLannister extends Subject {
    speak(){
        console.log('i love Cersei')
    }
}

class SubjectTargaryen extends Subject {
    speak(){
        console.log('i love Daenerys')
    }
}

//  
class House {
    constructor() {
        this.getHeir = this.getHeir.bind(this)
        this.getSubject = this.getSubject.bind(this)
    }
    getHeir(){}
    getSubject(){}
}

class Lannister extends House {
    getHeir() {
        return new HeirToTheThroneLannister('Cersei', true)
    }
    getSubject(name) {
        return new SubjectLannister(name)
    }
}

class Targaryen extends House {
    getHeir() {
        return new HeirToTheThroneTargaryen('Daenerys', true)
    }
    getSubject(name) {
        return new SubjectTargaryen(name)
    }
}

(()=>{
    const lannister = new Lannister()
    const targaryen = new Targaryen()
    lannister.getHeir().getTheThrone()
    lannister.getSubject().speak()
    targaryen.getHeir().getTheThrone()
    targaryen.getSubject().speak()
})()

?

• ,
• ,

• एक बेड़ा बनाने के लिए कक्षा
• कंस्ट्रक्टर परिभाषा के लिए इंटरफ़ेस
• हमारी सेना की वस्तुओं को बनाने के लिए जिम्मेदार वर्ग
• सैनिकों और जहाजों को बनाने के लिए जिम्मेदार कक्षाएं

class Lannister {
    constructor() {
        this.soldiers = []
        this.ships = []
        this.makeNavy = this.makeNavy.bind(this)
    }
    makeNavy(soldiers, ships) {
        const Build = new ConcreteBuilder()
        for (let i = 0; i < soldiers; i++) {
            this.soldiers.push(Build.createSoldier())
        }
        for (let i = 0; i < ships; i++) {
            this.ships.push(Build.createShip())
        }
    }
}

class Builder {
    createSoldier() {}
    createShip() {}
}

class ConcreteBuilder extends Builder {
    createSoldier() {
        const soldier = new Soldier()
        return soldier
    }
    createShip() {
        const ship = new Ship()
        return ship
    }
}

class Soldier {
    constructor() {
        console.log('soldier created')
    }
}

class Ship {
    constructor() {
        console.log('ship created')
    }
}

(() => {
    const lannister = new Lannister()
    lannister.makeNavy(100, 10)
})()

इसका उपयोग कब किया जाता है?

• जब किसी ऑब्जेक्ट को बनाने की प्रक्रिया बहुत जटिल होती है, तो इसमें बड़ी संख्या में अनिवार्य और वैकल्पिक पैरामीटर शामिल होते हैं
• जब निर्माण मापदंडों की संख्या में वृद्धि डिजाइनरों की संख्या में वृद्धि की ओर ले जाती है
• जब ग्राहक निर्मित वस्तु के लिए विभिन्न विचारों की अपेक्षा करता है

प्रोटोटाइप

• सफेद वॉकर के बारे में जानकारी संग्रहीत करने के लिए कक्षा
• उसी विधि को वापस करने वाले उदाहरण को क्लोन करने की विधि

class WhiteWalker {
    constructor(force, weight) {
        this.force = force
        this.weight = weight
    }

    clone() {
        console.log('cloned')
        return new WhiteWalker(this.name, this.weight)
    }
}

(()=>{
    const firstWalker = new WhiteWalker()
    const walkers = [firstWalker]
    for(let i=0;i<100;i++){
        walkers.push(firstWalker.clone())
    }
})()

प्रोटोटाइप के फायदे और नुकसान

• नए ऑब्जेक्ट बनाने के लिए नए ऑपरेटर का उपयोग करने की आवश्यकता को समाप्त करके लागत, समय और उत्पादकता को बचाने में मदद करता है
• ऑब्जेक्ट को इनिशियलाइज़ करने की जटिलता को कम करता है: प्रत्येक वर्ग क्लोनिंग के अपने तरीके का उपयोग करता है
• अमूर्त टेम्पलेट का उपयोग करते समय वस्तुओं को इनिशियलाइज़ करने के लिए कई उपवर्गों को वर्गीकृत करने और बनाने की आवश्यकता नहीं है
• कॉपी किए गए ऑब्जेक्ट के कुछ गुणों को बदलकर नई वस्तुओं का निर्माण करके सिस्टम लचीलेपन को बढ़ाता है

• परिपत्र संदर्भों के साथ जटिल वस्तुओं को क्लोन करना एक गैर-तुच्छ कार्य है

एकाकी वस्तु

• ड्रेगन की माँ के बारे में जानकारी संग्रहीत करने के लिए कक्षा
• ड्रैगन मदर का सहेजा हुआ उदाहरण

let INSTANCE = null

class MotherOfDragons {
    constructor(name, dragons) {
        if(!!INSTANCE) return INSTANCE
        this.dragons = dragons
        this.name = name
        this.getMyDragons = this.getMyDragons.bind(this)
        INSTANCE = this
    }

    getMyDragons(){
        console.log(`I'm ${this.name} and my dragons are`, this.dragons)
    }
}

(()=>{
    const dragonMother = new MotherOfDragons('Daenerys Targaryen', [
        'Drogon',
        'Rhaegal',
        'Viserion'
    ])
    const dragonMother2 = new MotherOfDragons('Cercei Targaryen', [
        'Tirion',
        'Jennifer',
        'Goblin'
    ])
    dragonMother.getMyDragons()
    dragonMother2.getMyDragons()
    console.log(dragonMother instanceof MotherOfDragons)
    console.log(dragonMother2 instanceof MotherOfDragons)
    console.log(dragonMother2 === dragonMother)
})()

इसका उपयोग कब किया जाता है?

• जब ऑब्जेक्ट बनाने के लिए उपयोग किए जाने वाले संसाधन सीमित होते हैं (उदाहरण के लिए, डेटाबेस कनेक्शन ऑब्जेक्ट)
• प्रदर्शन को बेहतर बनाने के लिए एक सिंगलटन के साथ प्राधिकरण बनाने का अच्छा अभ्यास है।
• जब आपको एप्लिकेशन को कॉन्फ़िगर करने के लिए एक वर्ग बनाने की आवश्यकता होती है
• जब आपको संसाधन आवंटन के लिए एक वर्ग बनाने की आवश्यकता होती है