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

ES6 में आयतारहिंद फ़ंक्शन शुरू किया गया था。

आयतारहिंद फ़ंक्शन हमें छोटे फ़ंक्शन लिखने में मदद करते हैं :

व्याकरण

let myFunction = (a, b) => a * b;

अपने आप सामने देखें

पहले :

hello = function() {
  return "Hello World!";
}

अपने आप सामने देखें

आयतारहिंद फ़ंक्शन के बाद :

hello = () => {
  return "Hello World!";
}

अपने आप सामने देखें

वास्तव में, यदि फ़ंक्शन केवल एक सबसे कम बयान है और वह एक बार वापसी करता है, तो आप बारेंटो और वापसी अक्षर :

आयतारहिंद फ़ंक्शन की डिफ़ॉल्ट वापसी :

hello = () => "Hello World!";

अपने आप सामने देखें

टिप्पणी :यह केवल फ़ंक्शन केवल एक सबसे कम बयान है तभी प्रभावी होता है。

यदि आपके पास पारामीटर हैं, तो उन्हें बारेंटो में भेजें :

पारामीटर वाले आयतारहिंद फ़ंक्शन :

hello = (val) => "Hello " + val;

अपने आप सामने देखें

वास्तव में, यदि केवल एक पारामीटर है, तो आप बारेंटो को छोड़ सकते हैं :

बिना बारेंटो के आयतारहिंद फ़ंक्शन :

hello = val => "Hello " + val;

अपने आप सामने देखें

यह क्या करें?

आयतारहिंद फ़ंक्शन की तुलना में, आयतारहिंद फ़ंक्शन यह उपयोग करने के लिए भी अलग है

संख्या का प्रयोग करने के लिए आयतारहिंद फ़ंक्शन का उपयोग करने से भिन्न है यह बांधन

नियमित फ़ंक्शन में, अक्षरों यह फ़ंक्शन को बुलाने वाले वस्तु का संदर्भ देता है, जो विंडो, दस्तावेज, बटन या कुछ और भी हो सकता है。

आयतारहिंद फ़ंक्शन के लिएयह अक्षरों निर्देशक केवल आयतारहिंद फ़ंक्शन के लिए परिभाषित करते हैं。

हम दो उदाहरण देखें और इसके अंतर को समझें。

ये दोनों उदाहरण दो बार तरीका बुलाये, पहली बार पृष्ठ लोड होने पर, दूसरी बार उपयोगकर्ता बटन पर क्लिक करने पर。

पहले उदाहरण में नियमित फ़ंक्शन का उपयोग किया गया है, दूसरे उदाहरण में आयतारहिंद फ़ंक्शन का उपयोग किया गया है。

परिणाम के अनुसार पहले उदाहरण में दो अलग अलग वस्तुएँ (विंडो और बटन) वापस की गईं, दूसरे उदाहरण में दो बार window वस्तु वापस की गईं क्योंकि window वस्तु फ़ंक्शन का 'मालिक' है。

उदाहरण

नियमित फ़ंक्शन के लिए इस्पात निर्देशक का संदर्भ देता है :

// नियमित फ़ंक्शन :
hello = function() {
  document.getElementById("demo").innerHTML += this;
}
// विंडो ऑब्जेक्ट इस फ़ंक्शन को बुलाता है:
window.addEventListener("load", hello);
// बटन ऑब्जेक्ट इस फ़ंक्शन को बुलाता है:
document.getElementById("btn").addEventListener("click", hello);

अपने आप सामने देखें

उदाहरण

आयतारहिंद के रूप में उपयोग किया गया है यह फ़ंक्शन के मालिक को प्रदर्शित करता है:

// आरो फ़ंक्शन:
hello = () => {
  document.getElementById("demo").innerHTML += this;
}
// विंडो ऑब्जेक्ट इस फ़ंक्शन को बुलाता है:
window.addEventListener("load", hello);
// बटन ऑब्जेक्ट इस फ़ंक्शन को बुलाता है:
document.getElementById("btn").addEventListener("click", hello);

अपने आप सामने देखें

फ़ंक्शन का उपयोग करते समय ये अंतर को याद रखें।कभी-कभी नैवीगेशन फ़ंक्शन का व्यवहार आपकी जरूरतों के अनुरूप होता है, यदि नहीं, तो आरो फ़ंक्शन का उपयोग करें。

ब्राउज़र समर्थन

नीचे दिए गए पटल में जावास्क्रिप्ट आरो फ़ंक्शन को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र आईडी की विस्तृत जानकारी दी गई है:

च्रोम आईई फायरफॉक्स सफारी ओपेरा
च्रोम 45 एज 12 फायरफॉक्स 22 सफारी 10 ओपेरा 32
2015 वर्ष 9 अगस्त 2015 वर्ष 7 मई 2013 वर्ष 5 मई 2016 वर्ष 9 अगस्त 2015 वर्ष 9 अगस्त