क्या जावास्क्रिप्ट को कक्षाओं की आवश्यकता है? भाग २

भाग 1 देखें

प्रदर्शन: __proto__ के माध्यम से कक्षाएं बनाना

प्रदर्शन के संदर्भ में, Object.create दुर्भाग्य से बड़े परिणाम नहीं देता है (विशेषकर दूसरे तर्क के साथ - विवरणकर्ता)। सीधे __proto__ का उपयोग करने के विपरीत, जो नए ऑपरेटर के साथ कंस्ट्रक्टर फ़ंक्शन को जोड़ने की तुलना में भी तेज़ निकला - jsPerf देखें। मैं यह भी ध्यान देता हूं कि विवरणदाताओं का उपयोग विशेष रूप से सुविधाजनक नहीं है।

क्लोनज नैनो

उपरोक्त कारणों के लिए, क्लोन फ़ंक्शन बनाएँ:

function clone(proto, properties){ properties.__proto__ = proto; return properties; } 

क्लोनिंग

प्रोटोटाइप-ओरिएंटेड सिस्टम एक नई ऑब्जेक्ट बनाने के लिए दो तरीके प्रदान करते हैं: किसी मौजूदा ऑब्जेक्ट को क्लोन करना, या स्क्रैच से ऑब्जेक्ट बनाना। स्क्रैच से ऑब्जेक्ट बनाने के लिए, प्रोग्रामर को ऑब्जेक्ट में प्रॉपर्टीज़ और मेथड्स जोड़ने के लिए सिंथैटिक टूल्स दिए जाते हैं। भविष्य में, परिणामस्वरूप वस्तु से एक पूर्ण प्रति प्राप्त की जा सकती है - एक क्लोन। क्लोनिंग की प्रक्रिया में, एक प्रति इसके प्रोटोटाइप की सभी विशेषताओं को विरासत में मिलती है, लेकिन उसी क्षण से, यह स्वतंत्र हो जाता है और इसे बदला जा सकता है।

© विकिपीडिया

clone() फ़ंक्शन, जैसा कि नाम से पता चलता है, वस्तुओं के क्लोन बनाता है। एक क्लोन एक आलसी उथली प्रति है , अर्थात, यह वास्तव में एक प्रति नहीं है, बल्कि वस्तु का एक संदर्भ है, लेकिन यदि आप इसके किसी भी गुण को जोड़ते / प्रतिस्थापित करते हैं, तो यह मूल वस्तु (प्रोटोटाइप) को प्रभावित नहीं करेगा।
जावास्क्रिप्ट में सभी ऑब्जेक्ट Object.prototyp (स्वयं के लिए और ऑब्जेक्ट. Object.create(null) का उपयोग करके बनाई गई वस्तुओं को छोड़कर) के क्लोन हैं।

 /// "" var duck$ = { name: "Unnamed", quack: function(){ console.log( this.name +" Duck: Quack-quack!"); } }; ///  var talkingDuck$ = clone( duck$, { quack: function(){ duck$.quack.call(this); console.log("My name is "+ this.name +"!"); } }); ///  var donald = clone( talkingDuck$, {name: "Donald"}); 

वैकल्पिक रूप से, आप ऑब्जेक्ट-ओरिएंटेड विकल्प का उपयोग कर सकते हैं:

 /// object$ –     var object$ = { clone: function(properties){ properties.__proto__ = this; return properties; }; /// "" var duck$ = object$.clone({ name: "Unnamed", quack: function(){ console.log( this.name +" Duck: Quack-quack!"); } }; ///  var talkingDuck$ = duck$.clone({ quack: function(){ duck$.quack.call(this); console.log("My name is "+ this.name +"!"); } }); ///  var donald = talkingDuck$.clone({name: "Donald"}); 

अनुकूलता

__proto__ ECMA स्क्रिप्ट 6 का हिस्सा है, जो दिसंबर 2013 में अनुमोदित होने के कारण है ।

यह कहना उचित है कि क्लोन फ़ंक्शन वास्तव में कोई ऑब्जेक्ट नहीं बनाता है, लेकिन केवल इसके प्रोटोटाइप के गुणों को संशोधित करता है। यह आसानी से तय किया जा सकता है:

 function clone(proto, properties){ var newObj = {__proto__: proto}; for(var key in properties) newObj[key] = properties[key]; return newObj; } 

लेकिन तब हम उत्पादकता में खो जाएंगे। नियम लागू करना बेहतर है:

क्लोनिंग के बाद दूसरे तर्क का उपयोग करना अवांछनीय है, और केवल अपने गुणों का उपयोग करना संभव है।

यह नियम Internet Explorer 6–10 और ECMA स्क्रिप्ट 3 के साथ संगतता की भी अनुमति देगा:

  function clone(/** Object */proto, /** ObjLiteral= */ownProperties){ function Clone(ownProperties){ for(var key in ownProperties) this[key] = ownProperties[key]; }; Clone.prototype = proto; return new Clone(ownProperties); } 

---

इस तरह से क्लोन.जेएस ढांचे का निर्माण किया गया।