मैं टाइप-स्ट्रिंग के आधार पर जावास्क्रिप्ट में एक नया ऑब्जेक्ट कैसे बना सकता हूं?

Question

मैं एक वैरिएबल टाइप-स्ट्रिंग (ऑब्जेक्ट का नाम युक्त) के आधार पर जावास्क्रिप्ट में एक नई ऑब्जेक्ट कैसे बना सकता हूं?

अब मेरे पास है: (अधिक उपकरण सूची आने वाले लंबे समय तक मिल जाएगा के साथ ...)

function getTool(name){ 
    switch(name){ 
    case "SelectTool": 
     return new SelectTool(); 
     break; 
    case "LineTool": 
     return new LineTool(); 
     break; 
    case "BlurTool": 
     return new BlurTool(); 
     break; 
    case "PointerTool": 
    default: 
     return new PointerTool(); 
     break; 
    } 
} 

और की तरह मेरे उपकरण परिभाषित:

PointerTool.prototype = new Tool; 
PointerTool.prototype.constructor = PointerTool; 
function PointerTool(){ 
    this.name = "PointerTool"; 
} 
PointerTool.prototype.click = function(x, y){ 
    info("You clicked at: "+x+", "+y); 
} 

मैं की सवारी प्राप्त करना चाहते हैं (बढ़ रहा है) स्विच स्टेटमेंट, ऐसा लगता है कि 'गलत' है।

Answer 1

function getTool(name){ 
    return (typeof window[name] === 'function') ? 
            new window[name]() : {/*some default*/}; 
} 

मान लिया गया PointerTool निर्माता वैश्विक window नाम स्थान में परिभाषित किया गया है। उस स्थान को बदलें जिसे आप उपयोग कर रहे हैं।

Answer 2

आपको अपने दृष्टिकोण पर पुनर्विचार करने पर विचार करना चाहिए। बेहतर होगा एक Tools वस्तु है, जो गुण के रूप में उपकरणों के लिए होता है की तरह कुछ, जैसे

Tools = {"SelectTool": SelectTool /* etc */}`. 

इस तरह है करने के लिए हैं, तो आप टूल तक पहुंच सकता है दोनों new Tools.SelectTool और new Tools[var_with_tool_name] के रूप में।

Answer 3

आपके उदाहरण में, आप वैश्विक दायरे में एक समारोह के रूप में PointerTool घोषित कर रहे हैं। मान लें कि आपका जावास्क्रिप्ट ब्राउजर चला रहा है, "ग्लोबल स्कोप" वास्तव मेंwindow ऑब्जेक्ट जैसा ही है। इसका मतलब है कि अगर आप एक निर्माता है:

function PointerTool() { 
    ... 
} 

है कि इस तरह ही है: तो अब

window.PointerTool = function() { 
    ... 
} 

, अपने getTool समारोह में आप इस तरह अपने निर्माता कार्यों का उपयोग कर सकते हैं:

function getTool(name){ 
    return new window[name](); 
} 

---

यह करने के लिए अपने स्वयं के नाम स्थान वस्तु को परिभाषित करने के लिए किया जाएगा एक और अधिक "भविष्य सबूत" जिस तरह से है, जिसमें आप करेंगे pla अपने सभी विभिन्न उपकरण रचनाकारों को सीईओ। कुछ इस तरह ("MyProject" अपनी परियोजना या सिस्टम की कमी नाम होगा):

var myproject = { tools: {} }; 

// Pointer Tool Constructor 
myproject.tools.PointerTool = function() { 
    ... 
} 

// Line Tool Constructor 
myproject.tools.LineTool = function() { 
    ... 
} 

// and so on 

फिर अपने getTool समारोह इस प्रकार दिखाई देगा:

function getTool(name){ 
    return new myproject.tools[name](); 
} 

यह दृष्टिकोण अपना सामान से अलग रहता है जो कुछ भी अन्य सामान वैश्विक/खिड़की के दायरे में परिभाषित किया जाता है।