जावास्क्रिप्ट प्रोटोटाइप

Question

का उपयोग करने के लिए जब मैं समझना चाहता हूं कि जेएस में प्रोटोटाइप विधियों का उपयोग करना उचित है। क्या उन्हें हमेशा इस्तेमाल किया जाना चाहिए? या ऐसे मामले हैं जहां उनका उपयोग करना पसंद नहीं है और/या प्रदर्शन जुर्माना लगाता है?

जेएस में नेमस्पेसिंग के लिए सामान्य तरीकों पर इस साइट के आसपास खोज करने में, ऐसा लगता है कि अधिकांश गैर-प्रोटोटाइप आधारित कार्यान्वयन का उपयोग करते हैं: बस किसी ऑब्जेक्ट या फ़ंक्शन ऑब्जेक्ट का उपयोग किसी नामस्थान को समाहित करने के लिए करते हैं।

कक्षा-आधारित भाषा से आना, समानांतर कोशिश करना और आकर्षित करना मुश्किल नहीं है और लगता है कि प्रोटोटाइप "कक्षाएं" की तरह हैं और मैंने निर्दिष्ट नामस्थान कार्यान्वयन स्थिर तरीकों की तरह हैं।

Answer 1

प्रोटोटाइप एक अनुकूलन हैं।

उनका उपयोग करने का एक अच्छा उदाहरण jQuery लाइब्रेरी है। हर बार जब आप $('.someClass') का उपयोग करके एक jQuery ऑब्जेक्ट प्राप्त करते हैं, तो उस ऑब्जेक्ट में दर्जनों "विधियां" होती हैं। पुस्तकालय है कि प्राप्त कर सकते थे एक वस्तु लौटाएँ:

return { 
    show: function() { ... }, 
    hide: function() { ... }, 
    css: function() { ... }, 
    animate: function() { ... }, 
    // etc... 
}; 

लेकिन मतलब यह होगा कि कि स्मृति में हर jQuery वस्तु नामित स्लॉट, एक ही तरीके से युक्त अधिक से अधिक के दर्जनों होगा।

इसके बजाय, उन विधियों को प्रोटोटाइप पर परिभाषित किया गया है और सभी jQuery ऑब्जेक्ट्स प्रोटोटाइप "उत्तराधिकारी" हैं ताकि वे सभी विधियों को बहुत कम रनटाइम लागत पर प्राप्त कर सकें।

jQuery को यह सही तरीके से प्राप्त करने का एक महत्वपूर्ण हिस्सा यह है कि यह प्रोग्रामर से छिपा हुआ है। इसका पूरी तरह से अनुकूलन का इलाज किया जाता है, न कि लाइब्रेरी का उपयोग करते समय आपको चिंता करने की ज़रूरत है।

जावास्क्रिप्ट के साथ समस्या यह है कि नग्न रचनाकार कार्यों को कॉलर को new के साथ उपसर्ग करने के लिए याद रखने की आवश्यकता होती है या अन्यथा वे आमतौर पर काम नहीं करते हैं। इसके लिए कोई अच्छा कारण नहीं है। jQuery को सामान्य कार्य के पीछे उस बकवास को छिपाकर सही हो जाता है, $, इसलिए आपको यह ध्यान रखना नहीं है कि ऑब्जेक्ट्स कैसे कार्यान्वित किए जाते हैं।

ताकि आप आसानी से निर्दिष्ट प्रोटोटाइप के साथ ऑब्जेक्ट बना सकें, ईसीएमएस्क्रिप्ट 5 में मानक फ़ंक्शन Object.create शामिल है। इसके बारे में एक बहुत सरलीकृत संस्करण इस प्रकार दिखाई देगा:

Object.create = function(prototype) { 
    var Type = function() {}; 
    Type.prototype = prototype; 
    return new Type(); 
}; 

यह सिर्फ एक निर्माता समारोह लेखन और फिर new के साथ बुलाने की दर्द का ख्याल रखता है।

आप प्रोटोटाइप से बचेंगे?

उपयोगी तुलना ओओ भाषाओं जैसे जावा और सी # के साथ उपयोगी तुलना है।

• इंटरफ़ेस विरासत है, जहां आप implement एक interface ऐसा है कि वर्ग इंटरफ़ेस के हर सदस्य के लिए अपनी अनूठी कार्यान्वयन प्रदान करता है: ये विरासत के दो प्रकार का समर्थन है।
• कार्यान्वयन विरासत है, जहां आप extend एक class कि कुछ तरीकों के डिफ़ॉल्ट कार्यान्वयन प्रदान करता है।

जावास्क्रिप्ट में, प्रोटोटाइपिकल विरासत कार्यान्वयन विरासत का एक प्रकार है। तो उन परिस्थितियों में जहां (सी # या जावा में) आप मूल वर्ग प्राप्त करने के लिए बेस क्लास से व्युत्पन्न होते, जिसे आप ओवरराइड के माध्यम से छोटे बदलाव करते हैं, फिर जावास्क्रिप्ट में, प्रोटोटाइपिकल विरासत समझ में आता है।

हालांकि, यदि आप ऐसी परिस्थिति में हैं जहां आपने सी # या जावा में इंटरफेस का उपयोग किया होगा, तो आपको जावास्क्रिप्ट में किसी विशेष भाषा सुविधा की आवश्यकता नहीं है। ,

var duck = { 
    quack: function() { ... } 
}; 

duck.quack(); // we're satisfied it's a duck! 

दूसरे शब्दों में यदि प्रत्येक वस्तु के "प्रकार" का अपना ही परिभाषा है: "के रूप में लागू करने" कि इंटरफ़ेस वस्तुओं को चिह्नित करने की कोई जरूरत नहीं स्पष्ट रूप से कुछ है कि इंटरफेस का प्रतिनिधित्व करता है की घोषणा करने की जरूरत है, और नहीं है "विधियों", फिर प्रोटोटाइप से विरासत में कोई मूल्य नहीं है। उसके बाद, यह इस बात पर निर्भर करता है कि आप प्रत्येक प्रकार के कितने उदाहरण आवंटित करते हैं। लेकिन कई मॉड्यूलर डिज़ाइनों में, दिए गए प्रकार का केवल एक उदाहरण होता है।

और वास्तव में, it has been suggested by many people that implementation inheritance is evil। यही है, यदि किसी प्रकार के लिए कुछ सामान्य संचालन हैं, तो शायद यह स्पष्ट है कि उन्हें आधार/सुपर क्लास में नहीं रखा गया है, लेकिन इसके बजाय कुछ मॉड्यूल में सामान्य कार्यों के रूप में उजागर किया गया है, जिसके लिए आप ऑब्जेक्ट पास करते हैं आप उन्हें चालू करना चाहते हैं।

Answer 2

किसी प्रोटोटाइप ऑब्जेक्ट पर फ़ंक्शंस रखें जब आप किसी विशेष प्रकार की ऑब्जेक्ट की बहुत सारी प्रतियां बनाने जा रहे हैं और उन्हें सभी को सामान्य व्यवहार साझा करने की आवश्यकता है। ऐसा करके, आप प्रत्येक कार्य की केवल एक प्रति प्राप्त करके कुछ स्मृति सहेज लेंगे, लेकिन यह केवल सबसे सरल लाभ है।

प्रोटोटाइप ऑब्जेक्ट्स या विधियों को जोड़ने पर विधियों को बदलना, तत्काल प्रकार के सभी उदाहरणों की प्रकृति को तुरंत बदलता है।

अब बिल्कुल क्यों आप इन सब बातों करना चाहते हैं ज्यादातर अपने खुद के आवेदन डिजाइन की एक समारोह है, और चीजों की तरह आप क्लाइंट-साइड कोड में क्या करने की जरूरत। (एक पूरी तरह से अलग कहानी एक सर्वर के अंदर कोड होगी; वहां अधिक बड़े पैमाने पर "ओओ" कोड करने की कल्पना करना बहुत आसान है।)

Answer 3

यदि मैं कक्षा आधारित अवधि में समझाता हूं तो व्यक्ति वर्ग है, चलना() प्रोटोटाइप विधि है । तो चलने() के साथ इसके नए ऑब्जेक्ट को तुरंत चालू करने के बाद ही इसका अस्तित्व होगा।

तो यदि आप ऑब्जेक्ट की प्रतियां बनाना चाहते हैं तो आप कई उपयोगकर्ताओं को बना सकते हैं प्रोटोटाइप अच्छा समाधान है क्योंकि यह स्मृति में प्रत्येक ऑब्जेक्ट के लिए फ़ंक्शन की एक ही प्रति साझा/विरासत में स्मृति को सहेजता है।

जबकि स्थिर इस तरह के परिदृश्य में उस महान सहायता नहीं है।

function Person(){ 
this.name = "anonymous"; 
} 

// its instance method and can access objects data data 
Person.prototype.walk = function(){ 
alert("person has started walking."); 
} 
// its like static method 
Person.ProcessPerson = function(Person p){ 
alert("Persons name is = " + p.name); 
} 

var userOne = new Person(); 
var userTwo = new Person(); 

//Call instance methods 
userOne.walk(); 

//Call static methods 
Person.ProcessPerson(userTwo); 

तो इसके साथ यह उदाहरण विधि की तरह है। ऑब्जेक्ट का दृष्टिकोण स्टेटिक विधियों की तरह है।

https://developer.mozilla.org/en/Introduction_to_Object-Oriented_JavaScript

Answer 4

यदि आप ऑब्जेक्ट की "गैर स्थैतिक" विधि घोषित करना चाहते हैं तो आपको प्रोटोटाइप का उपयोग करना चाहिए।

var myObject = function() { 

}; 

myObject.prototype.getA = function(){ 
    alert("A"); 
}; 

myObject.getB = function(){ 
    alert("B"); 
}; 

myObject.getB(); // This works fine 

myObject.getA(); // Error! 

var myPrototypeCopy = new myObject(); 
myPrototypeCopy.getA(); // This works, too. 

Answer 5

एक कारण यह उपयोग करने के लिए निर्मित prototype वस्तु है आप एक वस्तु को कई बार है कि आम कार्यक्षमता को साझा करेंगे डुप्लिकेट बना रहे हैं। प्रोटोटाइप के तरीकों को जोड़कर, आप प्रत्येक new उदाहरण के अनुसार बनाई जा रही डुप्लीकेटिंग विधियों पर सहेज सकते हैं।लेकिन जब आप prototype पर कोई विधि संलग्न करते हैं, तो सभी उदाहरणों के पास उन विधियों तक पहुंच होगी।

कहें कि आपके पास बेस Car() कक्षा/वस्तु है।

function Car() { 
    // do some car stuff 
} 

तो आप एक से अधिक Car() उदाहरण बना।

var volvo = new Car(), 
    saab = new Car(); 

अब, आप जानते हैं कि प्रत्येक कार ड्राइव करने के लिए, पर बारी आदि के बजाय Car() वर्ग के लिए सीधे एक विधि संलग्न (जो बनाया प्रत्येक उदाहरण के प्रति स्मृति लगते हैं) की आवश्यकता होगी, तो आप करने के तरीकों संलग्न कर सकते हैं इसके बजाय प्रोटोटाइप (केवल एक बार विधियों का निर्माण), इसलिए नए volvo और saab दोनों के लिए उन विधियों तक पहुंच प्रदान करना।

// just mapping for less typing 
Car.fn = Car.prototype; 

Car.fn.drive = function() { 
    console.log("they see me rollin'"); 
}; 
Car.fn.honk = function() { 
    console.log("HONK!!!"); 
} 

volvo.honk(); 
// => HONK!!! 
saab.drive(); 
// => they see me rollin'