जावास्क्रिप्ट एरो फंक्शन आपको एक बेहतर डेवलपर बना सकते हैं

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

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

---

---

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

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

एरो फंक्शन फंक्शन एक्सप्रेशन लिखने का एक नया तरीका है जो थे जावास्क्रिप्ट ES6 के रिलीज में शामिल है . वे कुछ थोड़े भिन्न नियमों के साथ, आपके द्वारा उपयोग किए जा रहे JavaScript फ़ंक्शन अभिव्यक्तियों के समान हैं।

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

this

, और पारंपरिक कार्यों की तुलना में सरल वाक्यविन्यास है।

कौन सा भोजन वितरण सबसे अधिक भुगतान करता है

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

---

---

=>

यदि आपने कभी पायथन में काम किया है, तो ये कार्य बहुत समान हैं पायथन लैम्ब्डा भाव .

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

---

---

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

अभी बहुत से छोटे-छोटे बदलाव करने हैं, तो चलिए फंक्शन एक्सप्रेशन की एक बुनियादी तुलना के साथ शुरू करते हैं।

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

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

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

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

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

यहाँ अभिव्यक्ति एक तीर फ़ंक्शन में बदल गई है:

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

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

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

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

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

तीर कार्यों के लिए और भी बहुत कुछ है। आइए गहराई में जाएं ताकि आपको इस बात का बेहतर अहसास हो कि वे क्या कर सकते हैं।

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

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

कैसे खोलें .nfo फाइल

नियमित कार्य

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

let square = x => x * x
square(2);
>>4

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

let helloFunction = () => Console.log('Hello reader!');
helloFunction();
>>Hello reader!

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

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

इसकी अवधारणा

this

जावास्क्रिप्ट का उपयोग करने का सबसे कठिन हिस्सा होता है। एरो फंक्शन बनाते हैं

this

उपयोग करने में आसान।

जब आप तीर के कार्यों का उपयोग करते हैं

this

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

this

अपने मुख्य कार्य पर लागू करने के लिए

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

function Person() {
var that = this; //You have to assign 'this' to a new variable
that.age = 0;
setInterval(function growUp() {
that.age++;
}, 1000);
}

का मान निर्दिष्ट करना

this

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

function Person(){
this.age = 0;
setInterval(() => {
this.age++; // Now you can use 'this' without a new variable declared
}, 1000);
}

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

this

.

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

नोटपैड++ में फाइलों की तुलना कैसे करें

let pizza = {
toppings: 5,
removeToppings: () => {
this.toppings--;
}
}
//A pizza object with 5 toppings
>pizza
>>{toppings: 5, removeToppings: f}
pizza.removeToppings(); //The method will not do anything to the object
>pizza
>>{toppings: 5, removeToppings: f} //Still has 5 toppings


सरणियों के साथ काम करना

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

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

let myArray = [1,2,3,4];
myArray.map(function(element){
return element + 1;
});
>> [2,3,4,5]

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

let myArray = [1,2,3,4];
myArray.map(element => {
return element + 1;
});
>> [2,3,4,5]

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

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

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

let createObject = function createName(first,last) {
return {
first: first,
last: last
};
};

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

let createArrowObject = (first,last) => ({first:first, last:last});

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

अब आप जानते हैं कि एक डेवलपर के रूप में JavaScript ऐरो के कुछ अलग तरीके आपके जीवन को आसान बनाते हैं। वे सिंटैक्स को छोटा करते हैं, आपको उपयोग करके अधिक नियंत्रण देते हैं

this

, वस्तुओं को बनाने में आसान बनाते हैं और आपको सरणी विधियों के साथ काम करने का एक नया तरीका प्रदान करते हैं।

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

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

साझा करना साझा करना कलरव ईमेल 6 श्रव्य विकल्प: सर्वश्रेष्ठ मुफ्त या सस्ते ऑडियोबुक ऐप्स

यदि आप ऑडियो पुस्तकों के लिए भुगतान करना पसंद नहीं करते हैं, तो यहां कुछ बेहतरीन ऐप्स हैं जो आपको उन्हें निःशुल्क और कानूनी रूप से सुनने की सुविधा देते हैं।

आगे पढ़िए संबंधित विषय

• प्रोग्रामिंग
• जावास्क्रिप्ट

लेखक के बारे में एंथोनी ग्रांट(40 लेख प्रकाशित)

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

एंथनी ग्रांट . की अन्य फ़िल्में-टीवी शो

हमारे न्यूज़लेटर की सदस्यता लें

तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!

सब्सक्राइब करने के लिए यहां क्लिक करें