Instantaition dynamique en JavaScript

Question

J'ai regardé d'autres exemples en ligne, mais ils n'ont pas fonctionné.

Alors ...

Je suis en train de mettre en œuvre le « modèle de décorateur » classique de « Head First » en JavaScript ... et je suis vraiment proche.

le cas suivant: "CLASSES"

// "CLASSES": BEVERAGES 
function DarkRoast(){ 
    this.cost = 1.00; 
    this.description = "Dark Roast"; 
}; 

// DECORATORS: CONDIMENTS 
function Milk(beverage){ 
    var instance = beverage; 
    beverage.cost = function(){ 
     return instance.cost + 0.25; 
    }; 
    beverage.description = functionn(){ 
     return instance.description + ', Milk'; 
    }; 
}; 

QUESTION: Comment puis-je instancier "Milk" dynamique de la fonction suivante?

function appendCondiment(className, beverage) { 
    /* Needs to do this, but dynamically: 
     var instance = new Milk(beverage); */ 

    // This fails (of course) 
    var instance = new window[className].call(beverage); 
} 

Answer 1

Vous devez:

var instance = new window[className](beverage); 

Answer 2

Que diriez-vous:

var DarkRoast = function() { 
    this.cost = 1.00; 
    this.description = 'Dark Roast'; 
}; 

var condiments = { 
    milk: { 
     cost: 0.25; 
     description: 'Milk' 
    }, 
    cream: { 
     cost: 0.3, 
     description: 'Cream' 
    } 
}; 

var appendCondiment = function (condimentName, beverage) { 
    var condiment = condiments[ condimentName ]; 
    beverage.cost += condiment.cost; 
    beverage.description += ', ' + condiment.description; 
}; 

Utilisation:

var bev = new DarkRoast(); 
appendCondiment('milk', bev); 

bev.cost // 1.25 
bev.description // 'Dark Roast, Milk' 

---

BTW, envisager d'avoir DarkRoast hériter d'une classe Beverage, puis définir une méthode appendCondiment à Beverage.prototype. Ensuite, vous seriez en mesure d'écrire ceci:

var bev = new DarkRoast(); 
bev.appendCondiment('milk'); 

qui est plus lisible.