जावास्क्रिप्ट में फ़ंक्शन कॉल के चार पैटर्न

जावास्क्रिप्ट को एक कार्यात्मक प्रोग्रामिंग भाषा के रूप में पेश किया गया था। कारण यह है कि जेएस में फ़ंक्शन केवल लॉजिक को ऑपरेशनल ब्लॉक में विभाजित नहीं करते हैं, फ़ंक्शंस प्रथम श्रेणी की ऑब्जेक्ट हैं जो अन्य ऑब्जेक्ट बना सकते हैं। कार्यों पर इस तरह की निर्भरता इस भाषा की ताकत और वास्तविक अभिशाप दोनों है। मज़बूत बात यह है कि समान विशेषताओं वाली भाषा, हल्की और तेज़ हो जाती है (जैसा कि इसके रचनाकारों ने शुरू में जावास्क्रिप्ट देखा था)। हालांकि, यदि आप नहीं जानते कि आप क्या कर रहे हैं, तो निश्चित रूप से परेशानी की उम्मीद करें।

मैं फ़ंक्शन कॉल के पैटर्न को देखने का सुझाव देता हूं, और अधिक सटीक रूप से चयनित पैटर्न के आधार पर परिणाम कैसे बदलता है। हम यह भी देखेंगे कि यह कैसे कार्य करता है, इस पर निर्भर करता है कि फ़ंक्शन कैसे कहा जाता है।

इसलिए फ़ंक्शन को कॉल करने के चार तरीके हैं:

• विधि मंगलाचरण - विधि मंगलाचरण
• फंक्शन इनवोकेशन - फंक्शन इनवोकेशन
• कंस्ट्रक्टर इनवोकेशन - कंस्ट्रक्टर इनवोकेशन
• कॉल अप्लाई और कॉल - अप्लाई एंड कॉल इनवोकेशन

कार्य निष्पादन

जावास्क्रिप्ट, सभी आधुनिक भाषाओं की तरह, कार्यों के अंदर तर्क को संशोधित कर सकती है, और ये फ़ंक्शन किसी भी समय, पहले से ही चल रही प्रक्रिया के बीच में कहे जा सकते हैं। फ़ंक्शन को कॉल करके, हम आवश्यक मापदंडों को पास करते हैं और वर्तमान ऑपरेशन को रोकते हुए इसे नियंत्रित करते हैं। कॉल ऑपरेटर कोष्ठक () है , जो अल्पविराम द्वारा अलग किए गए मापदंडों को संलग्न कर सकता है।

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

चार पैटर्न

जैसा कि पहले ही उल्लेख किया गया है, फ़ंक्शन को कॉल करने के लिए ऑपरेटर एक है, और इसे कॉल करने के चार तरीके हैं।

विधि मंगलाचरण - विधि मंगलाचरण

जब कोई कार्य किसी वस्तु का हिस्सा होता है, तो उसे एक विधि कहा जाता है। "मेथड कॉल" एक ऑब्जेक्ट से संबंधित फ़ंक्शन के लिए एक कॉल है। एक उदाहरण:

var obj = {
मान : 0 ,
वेतन वृद्धि : फ़ंक्शन ( ) {
यह । मान + = 1 ;
}
} ;

obj। वेतन वृद्धि ( ) ;

"मेथड कॉल" में, this मान उस वस्तु को संदर्भित करेगा, जो फ़ंक्शन के अंतर्गत आती है, हमारे मामले में, obj, और यह कनेक्शन फ़ंक्शन लॉन्च होने के बाद स्थापित किया जाएगा, जिसे देर से बाध्यकारी शब्द कहा जाता है।

फंक्शन इनवोकेशन - फंक्शन इनवोकेशन

फ़ंक्शन कॉल ऑपरेटर () का उपयोग करके किया जाता है:

जोड़ें ( 2 , 3 ) ; // 5

इस पैटर्न का उपयोग करते हुए, this एक वैश्विक वस्तु को बांधता है। यह निस्संदेह भाषा की गलती है - एक वैश्विक वस्तु के लिए यह लगातार बाध्यकारी इसके संदर्भ को नष्ट कर सकता है। यह विशेष रूप से ध्यान देने योग्य है यदि आप विधि के अंदर फ़ंक्शन का उपयोग करते हैं। आइए एक उदाहरण देखें:

var मान = 500 ; // वैश्विक चर
var obj = {
मान : 0 ,
वेतन वृद्धि : फ़ंक्शन ( ) {
यह । मान ++;

var इनरफ़ंक्शन = फ़ंक्शन ( ) {
चेतावनी ( यह मान ) ;
}

इन्टरफेक्शन ( ) ; // फंक्शन इनवोकेशन पैटर्न
}
}
obj। वेतन वृद्धि ( ) ; // विधि मंगलाचरण पैटर्न

आपको क्या लगता है स्क्रीन पर प्रदर्शित किया जाएगा? यदि आप तय करते हैं कि 1 - आप गलत हैं (लेकिन खुद को दोष न दें - कुटिल जावास्क्रिप्ट डिजाइन को दोष दें)। सही उत्तर 500 है। ध्यान दें कि innerFunction को पूर्वोक्त "फ़ंक्शन कॉल" पैटर्न का उपयोग करके कहा जाता है, इसलिए this एक वैश्विक ऑब्जेक्ट के लिए बाध्य है। नतीजतन, हम 500 प्राप्त करते हैं।

आप this चर को बनाकर आसानी से इस समस्या को हल कर सकते हैं, लेकिन यह, मेरी राय में, एक हैक है।

var मान = 500 ; // वैश्विक चर
var obj = {
मान : 0 ,
वेतन वृद्धि : फ़ंक्शन ( ) {
var वह = यह ;
कि। मान ++;

var इनरफ़ंक्शन = फ़ंक्शन ( ) {
सतर्क ( कि मूल्य ) ;
}

इन्टरफेक्शन ( ) ; // फंक्शन इनवोकेशन पैटर्न
}
}
obj। वेतन वृद्धि ( ) ;

इस प्रकार, हम this उस ऑब्जेक्ट के लिए बाध्य this जिसके अंदर फ़ंक्शन कहा जाता है।

कंस्ट्रक्टर इनवोकेशन - कंस्ट्रक्टर इनवोकेशन

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

क्लासिक OOP में, एक ऑब्जेक्ट एक वर्ग का कार्यान्वयन है। C ++ और Java में, इस तरह के कार्यान्वयन के लिए new ऑपरेटर का उपयोग किया जाता है। जाहिर है, जेएस के रचनाकारों ने उदाहरण के पीछे नहीं जाने का फैसला किया, और "कंस्ट्रक्टर कॉल" पैटर्न में कुछ इसी तरह लागू किया ...

उदाहरण के लिए, new ऑपरेटर को कॉल करने से ठीक पहले शुरू किया जाता है, उदाहरण के लिए:

var चीज़ = फ़ंक्शन ( प्रकार ) {
पनीर टाइप = प्रकार ;
वापसी पनीर ;
}

cheddar = नया चीज़ ( "cheddar" ) ; // एक वस्तु लौटाता है, एक प्रकार नहीं

इस तथ्य के बावजूद कि Cheese एक कार्यात्मक वस्तु है (जिसका अर्थ है कि यह कोड को पचा सकता है), हमने नए के साथ एक फ़ंक्शन को कॉल करके एक नई वस्तु बनाई। this मामले में यह नए बनाए गए ऑब्जेक्ट को संदर्भित करेगा, और return का व्यवहार बदल जाएगा। वापसी की बात कही। "कंस्ट्रक्टर कॉल" में इसके उपयोग में दो विशेषताएं हैं:

• यदि फ़ंक्शन एक संख्या, एक श्रृंखला, एक तार्किक अभिव्यक्ति (सच्चा / गलत), अशक्त या अपरिभाषित return , तो return काम नहीं करेगा, और हम इसे प्राप्त करेंगे
• यदि फ़ंक्शन ऑब्जेक्ट का कार्यान्वयन लौटाता है (अर्थात, सरल चर को छोड़कर सब कुछ), तो हम इस ऑब्जेक्ट को देखेंगे, यह नहीं

var obj = {
डेटा : "हैलो वर्ल्ड"
}

var Func1 = function ( ) {
वापसी obj ;
}

var Func2 = function ( ) {
वापसी "मैं एक साधारण प्रकार हूँ" ;
}

var f1 = new Func1 ( ) ; // f1 को ऑब्जेक्ट को सौंपा गया है
var f2 = new Func2 ( ) ; // f2 को नई वस्तु को सौंपा गया है

हम इसके उपयोग को अनदेखा कर सकते हैं, और वस्तुओं को शाब्दिक रूप से निर्दिष्ट कर सकते हैं, अगर एक चीज़ के लिए नहीं: इस पैटर्न से जुड़े जावास्क्रिप्ट के निर्माता भाषा की प्रमुख विशेषताओं में से एक हैं - प्रोटोटाइप के एक मनमाने संदर्भ के साथ वस्तुओं का निर्माण ( यहाँ अधिक विवरण - Eng। )। यह पैटर्न सहज नहीं है, इसके अलावा, समस्याएं अक्सर इसके साथ उत्पन्न होती हैं। डगलस क्रॉफोर्ड ने समस्या के समाधान का प्रस्ताव दिया: आप निर्माण विधि के साथ संवर्धित वस्तु का उपयोग कर सकते हैं। मुझे यह बताते हुए खुशी हो रही है कि जावास्क्रिप्ट के संस्करण 1.8.5 के बाद से, Object.create एक पूरी तरह से काम करने वाला उपकरण है।

कॉल अप्लाई और कॉल - अप्लाई एंड कॉल इनवोकेशन

यह पैटर्न दूसरों की तुलना में बहुत बेहतर माना जाता है। यह आपको मैन्युअल रूप से फ़ंक्शन शुरू करने की अनुमति देता है, साथ ही इसे मापदंडों के साथ प्रदान करता है और इसे चिह्नित this । इस तथ्य के कारण कि हमारे कार्य पूर्ण ऑब्जेक्ट हैं, जावास्क्रिप्ट में प्रत्येक फ़ंक्शन फ़ंक्शन.प्रोटोटाइप के साथ जुड़ा हुआ है, जिसका अर्थ है कि हम आसानी से उनके लिए तरीके जोड़ सकते हैं।

यह पैटर्न दो मापदंडों का उपयोग करता है: पहला वह ऑब्जेक्ट है जिसके साथ this जुड़ा हुआ है, दूसरा पैरामीटर के साथ जुड़ा हुआ सरणी है:

var add = function ( num1 , num2 ) {
वापसी num1 + num2 ;
}

सरणी = [ 3 , 4 ] ;
जोड़ें। लागू ( अशक्त , सरणी ) ; // 7

ऊपर के उदाहरण में, this null (फ़ंक्शन कोई ऑब्जेक्ट नहीं है) को संदर्भित करता है, और सरणी num1 और num2 लिए बाध्य है। लेकिन पहले पैरामीटर के साथ प्रयोग करना जारी रखें:

var obj = {
डेटा : 'हैलो वर्ल्ड'
}

var displayData = function ( ) {
सतर्क ( यह डेटा ) ;
}

प्रदर्शन ( ) ; // अपरिभाषित
displayData। लागू ( obj ) ; // हैलो वर्ल्ड

इस उदाहरण का उपयोग करता है this obj apply लिए बाध्य apply लिए apply है। परिणामस्वरूप, हम इस. this.data का मान प्राप्त करने में सक्षम हैं। इसे लागू करने का वास्तविक मूल्य निहित है।

जावास्क्रिप्ट में, एक call स्टेटमेंट भी है, जो सभी के लिए apply है, सिवाय इसके कि यह मापदंडों को नहीं, बल्कि तर्कों की एक सूची प्राप्त करता है।

निष्कर्ष

बेहतर या बदतर के लिए, जावास्क्रिप्ट दुनिया को संभालने वाला है। इसलिए, इसकी विशेषताओं के बारे में जानना आवश्यक है, विशेष रूप से उन लोगों से जिन्हें बचा जाना चाहिए। चार फ़ंक्शन कॉल पैटर्न समझना जावास्क्रिप्ट शिक्षार्थियों के लिए बहुत जरूरी है। आशा है कि यह पोस्ट आपकी मदद करेगी।