विज्ञापन

जावास्क्रिप्ट ईएस 6 वेब विकास की दुनिया में रोमांचक बदलाव लाया। जावास्क्रिप्ट भाषा के लिए नए अतिरिक्त नई संभावनाओं को लाया।

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

यदि आप पारंपरिक जावास्क्रिप्ट फ़ंक्शंस के विशेषज्ञ हैं, तो एरो फ़ंक्शंस को थोड़ा सा समायोजित करना पड़ता है। आइए एक नज़र डालते हैं कि ये क्या हैं, ये कैसे काम करते हैं और ये आपको कैसे लाभ पहुँचाते हैं।

जावास्क्रिप्ट एरो फ़ंक्शंस क्या हैं?

एरो फ़ंक्शंस फ़ंक्शन अभिव्यक्तियों को लिखने का एक नया तरीका है जो थे जावास्क्रिप्ट ईएस 6 की रिहाई में शामिल है ईएस 6 क्या है और जावास्क्रिप्ट प्रोग्रामर को क्या जानना हैES6 ECMA स्क्रिप्ट (जावास्क्रिप्ट) प्रोग्रामिंग भाषा के संस्करण 6 को संदर्भित करता है। आइए अब कुछ प्रमुख परिवर्तनों पर नज़र डालते हैं जो ES6 जावास्क्रिप्ट में लाते हैं। अधिक पढ़ें . वे कुछ भिन्न नियमों के साथ आपके द्वारा उपयोग किए जा रहे जावास्क्रिप्ट फ़ंक्शन अभिव्यक्तियों के समान हैं।

instagram viewer

एरो फ़ंक्शंस हमेशा गुमनाम फ़ंक्शंस होते हैं, के लिए अलग नियम होते हैं इस, और पारंपरिक कार्यों की तुलना में एक सरल वाक्यविन्यास है।

ये फ़ंक्शन एक नए तीर टोकन का उपयोग करते हैं:

=>

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

इन कार्यों के लिए वाक्यविन्यास सामान्य कार्यों की तुलना में थोड़ा क्लीनर है। ध्यान में रखने के लिए कुछ नए नियम हैं:

  • फ़ंक्शन कीवर्ड हटा दिया गया है
  • वापसी कीवर्ड वैकल्पिक है
  • घुंघराले ब्रेसिज़ वैकल्पिक हैं

ऊपर जाने के लिए बहुत कम बदलाव हैं, तो चलिए फ़ंक्शन अभिव्यक्तियों की एक बुनियादी तुलना के साथ शुरुआत करते हैं।

एरो फ़ंक्शंस का उपयोग कैसे करें

एरो फ़ंक्शंस का उपयोग करना आसान है। पारंपरिक फ़ंक्शन एक्सप्रेशन के साथ-साथ तुलना करने पर एरो फ़ंक्शंस को समझना आसान है।

यहां एक फ़ंक्शन अभिव्यक्ति है जो दो नंबर जोड़ता है; पहले पारंपरिक समारोह विधि का उपयोग:

 Addnum = function (num1, num2) {return num1 + num2; }; addnum (1,2); >>3

यह एक बहुत ही सरल कार्य है जो दो तर्क लेता है और राशि लौटाता है।

यहाँ एक्सप्रेशन को एरो फंक्शन में बदला गया है:

Addnum = (num1, num2) => {return num1 + num2;}; addnum (1,2); >>3

फ़ंक्शन सिंटैक्स एक तीर फ़ंक्शन का उपयोग करके काफी अलग है। फ़ंक्शन कीवर्ड हटा दिया गया है; तीर टोकन से जावास्क्रिप्ट को पता चलता है कि आप एक फ़ंक्शन लिख रहे हैं।

घुंघराले ब्रेसिज़ और रिटर्न कीवर्ड अभी भी हैं। ये एरो फ़ंक्शंस के साथ वैकल्पिक हैं। यहां समान फ़ंक्शन का एक और भी सरल उदाहरण है:

addnum = (num1, num2) => num1 + num2;

अब वापसी कीवर्ड और घुंघराले ब्रेसिज़ चले गए हैं। जो बचा है, वह एक बहुत ही साफ-सुथरा एक-लाइन फ़ंक्शन है जो मूल फ़ंक्शन के रूप में लगभग आधा कोड है। आपको बहुत कम लिखित कोड के साथ एक ही परिणाम मिलता है।

तीर कार्यों के लिए और भी बहुत कुछ है। गहरा डुबकी लगाओ ताकि आपको बेहतर महसूस हो सके कि वे क्या कर सकते हैं।

एरो फंक्शन फीचर

एरो फ़ंक्शंस में कई अलग-अलग उपयोग और विशेषताएं शामिल हैं।

नियमित कार्य

एरो फ़ंक्शंस एक या अधिक तर्कों का उपयोग कर सकते हैं। यदि आप दो या अधिक तर्कों का उपयोग कर रहे हैं, तो आपको उन्हें कोष्ठक में संलग्न करना होगा। यदि आपके पास केवल एक तर्क है, तो आपको कोष्ठक का उपयोग करने की आवश्यकता नहीं है।

चलो वर्ग = x => x * x वर्ग (2); >>4

एरो फ़ंक्शंस का उपयोग बिना किसी तर्क के किया जा सकता है। यदि आप अपने फ़ंक्शन में किसी भी तर्क का उपयोग नहीं कर रहे हैं, तो आपको खाली कोष्ठक का उपयोग करना होगा।

आज्ञा देना हैलो (=) => कंसोल.लॉग ("हैलो रीडर!"); helloFunction (); >> हेलो रीडर!

इन जैसे सरल कार्य बहुत कम कोड का उपयोग करते हैं। कल्पना कीजिए कि कितना आसान एक जटिल है एक जावास्क्रिप्ट स्लाइड शो की तरह परियोजना 3 आसान चरणों में जावास्क्रिप्ट स्लाइडशो कैसे बनाएंआज मैं आपको दिखाऊंगा कि स्क्रैच से जेव्रीप्टिक स्लाइड शो कैसे बनाया जाता है - चलो सही में कूदें! अधिक पढ़ें हो जाता है जब आपके पास फ़ंक्शन लिखने का एक सरल तरीका होता है।

इसका उपयोग करना

इसकी अवधारणा इस जावास्क्रिप्ट का उपयोग करने का सबसे मुश्किल हिस्सा है। तीर कार्य बनाते हैं इस उपयोग करने में आसान।

जब आप एरो फ़ंक्शंस का उपयोग करते हैं इस एन्क्लोजिंग फ़ंक्शन द्वारा परिभाषित किया जाएगा। यह समस्याएँ पैदा कर सकता है जब आप नेस्टेड फ़ंक्शन और आवश्यकता बनाते हैं इस अपने मुख्य कार्य पर लागू करने के लिए

यहां एक लोकप्रिय उदाहरण है जो आपको नियमित कार्यों के साथ उपयोग किए जाने वाले समाधान को दिखाता है।

function Person () {var that = this; // आपको एक नए चर के लिए 'यह' असाइन करना होगा। setInterval (फ़ंक्शन बढ़ता है) () {that.age ++; }, 1000); }

के मान को निर्दिष्ट करना इस जब आप अपने मुख्य फ़ंक्शन के अंदर किसी फ़ंक्शन को कॉल करते हैं तो एक चर के लिए यह पठनीय हो जाता है। यह गड़बड़ है, यहाँ एरो फ़ंक्शंस का उपयोग करने का एक बेहतर तरीका है।

function Person () {this.age = 0; setInterval () => {this.age ++; // अब आप एक नया चर घोषित किए बिना 'इसे' का उपयोग कर सकते हैं}, 1000); }

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

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

बता दें पिज़्ज़ा = { टॉपिंग: 5, निष्कासन: () => {this.toppings--; } } // 5 टॉपिंग के साथ एक पिज्जा ऑब्जेक्ट। > पिज्जा। >> {टॉपिंग: 5, रिमूवल टॉपिंग: f} पिज्जा.आर्मोवटॉपिंग (); // विधि वस्तु> पिज़्ज़ा के लिए कुछ नहीं करेगी। >> {टॉपिंग: 5, निष्कासन: एफ} // फिर भी 5 टॉपिंग हैं।

Arrays के साथ काम करना

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

कुछ उपयोगी तरीके हैं जैसे नक्शा वह विधि जो किसी सरणी के सभी तत्वों पर एक फ़ंक्शन चलाती है और नए सरणी को लौटाती है।

myArray = [1,2,3,4]; myArray.map (फ़ंक्शन (तत्व) { वापसी तत्व + 1; }); >> [2,3,4,5]

यह एक बहुत ही सरल कार्य है जो सरणी में प्रत्येक मान को जोड़ता है। आप एक ही फ़ंक्शन को एक तीर फ़ंक्शन का उपयोग करके कम कोड के साथ लिख सकते हैं।

myArray = [1,2,3,4]; myArray.map (तत्व => { वापसी तत्व + 1; }); >> [2,3,4,5]

अब पढ़ना बहुत आसान है।

ऑब्जेक्ट लिटरेचर बनाना

एरिक फ़ंक्शंस का उपयोग जावास्क्रिप्ट में ऑब्जेक्ट शाब्दिक बनाने के लिए किया जा सकता है। नियमित कार्य उन्हें बना सकते हैं, लेकिन वे थोड़े लंबे हैं।

createObject = function createName (प्रथम, अंतिम) {रिटर्न {फर्स्ट: फर्स्ट, लास्ट: लास्ट}; };

आप कम कोड का उपयोग करके एक तीर फ़ंक्शन के साथ एक ही ऑब्जेक्ट बना सकते हैं। एरो नोटेशन का उपयोग करते हुए आपको फंक्शन बॉडी को कोष्ठक में लपेटना होगा। यहां तीर फ़ंक्शंस के साथ बेहतर सिंटैक्स है।

letArrowObject = (पहला, अंतिम) => ({पहला: पहला, अंतिम: अंतिम});

जावास्क्रिप्ट एरो फ़ंक्शंस और परे

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

जावास्क्रिप्ट ईएस 6 में कई अन्य विशेषताओं के साथ तीर के कार्यों की शुरूआत बताती है कि वेब विकास में जावास्क्रिप्ट कितना महत्वपूर्ण हो गया है। हालाँकि आप और भी बहुत कुछ कर सकते हैं।

जावास्क्रिप्ट के बारे में अधिक जानना चाहते हैं? हमारी जावास्क्रिप्ट धोखा शीट परम जावास्क्रिप्ट धोखा शीटइस धोखा पत्र के साथ जावास्क्रिप्ट तत्वों पर एक त्वरित रिफ्रेशर प्राप्त करें। अधिक पढ़ें बहुमूल्य जानकारी और अधिक जानकारी प्रदान करता है जावास्क्रिप्ट कैसे काम करता है जावास्क्रिप्ट क्या है और यह कैसे काम करता है?यदि आप वेब विकास सीख रहे हैं, तो यहां आपको जावास्क्रिप्ट और HTML और CSS के साथ काम करने के बारे में जानने की आवश्यकता है। अधिक पढ़ें आपको बेहतर डेवलपर बना सकता है।

एंथनी ग्रांट एक फ्रीलांस लेखक है जो प्रोग्रामिंग और सॉफ्टवेयर को कवर करता है। वह प्रोग्रामिंग, एक्सेल, सॉफ्टवेयर, और प्रौद्योगिकी में एक कंप्यूटर साइंस की प्रमुख दबंग है।