जेएस ट्यूटोरियल

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके JS दिनांक सेट विधियाँ जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर In . के लिए JS लूप ओएफ के लिए जेएस लूप जेएस लूप जबकि जेएस ब्रेक जेएस Iterables जेएस सेट जेएस मैप्स जेएस टाइपोफ जे एस प्रकार रूपांतरण जेएस बिटवाइज जेएस रेगएक्सपी जे एस त्रुटियाँ जेएस स्कोप जे एस उत्थापन जेएस सख्त मोड जेएस यह कीवर्ड जेएस एरो फंक्शन जेएस क्लासेस जेएस JSON जेएस डिबगिंग जेएस स्टाइल गाइड जेएस सर्वोत्तम अभ्यास जेएस गलतियाँ जेएस प्रदर्शन जेएस आरक्षित शब्द

जेएस संस्करण

जेएस संस्करण जेएस 2009 (ES5) जेएस 2015 (ईएस6) जेएस 2016 जेएस 2017 जेएस 2018 जेएस आईई / एज जेएस इतिहास

जेएस ऑब्जेक्ट्स

वस्तु परिभाषाएँ वस्तु गुण वस्तु के तरीके वस्तु प्रदर्शन ऑब्जेक्ट एक्सेसर्स वस्तु निर्माता वस्तु प्रोटोटाइप वस्तु पुनरावर्तनीय वस्तु समूह वस्तु मानचित्र वस्तु संदर्भ

जे एस कार्य

फ़ंक्शन परिभाषाएँ फंक्शन पैरामीटर्स समारोह आमंत्रण फंक्शन कॉल समारोह लागू करें फंक्शन क्लोजर

जेएस क्लासेस

कक्षा परिचय वर्ग वंशानुक्रम क्लास स्टेटिक

जे एस एसिंक

जेएस कॉलबैक जे एस अतुल्यकालिक जे एस वादा जे एस एसिंक/प्रतीक्षा

जेएस एचटीएमएल डोम

डोम परिचय डोम तरीके डोम दस्तावेज़ डोम तत्व डोम एचटीएमएल डोम फॉर्म डोम सीएसएस डोम एनिमेशन डोम घटनाक्रम डोम इवेंट श्रोता डोम नेविगेशन डोम नोड्स डोम संग्रह डोम नोड सूचियाँ

जेएस ब्राउज़र बीओएम

जेएस विंडो जेएस स्क्रीन जेएस स्थान जेएस इतिहास जेएस नेविगेटर जेएस पॉपअप अलर्ट जेएस टाइमिंग जे एस कुकीज़

जेएस वेब एपीआई

वेब एपीआई परिचय वेब फॉर्म एपीआई वेब इतिहास एपीआई वेब संग्रहण API वेब वर्कर एपीआई वेब फ़ेच एपीआई वेब जियोलोकेशन एपीआई

जे एस अजाक्स

AJAX परिचय अजाक्स एक्सएमएलएचटीपी अजाक्स अनुरोध अजाक्स प्रतिक्रिया अजाक्स एक्सएमएल फ़ाइल अजाक्स पीएचपी अजाक्स एएसपी AJAX डेटाबेस अजाक्स अनुप्रयोग अजाक्स उदाहरण

जेएस JSON

JSON परिचय JSON सिंटैक्स जेएसओएन बनाम एक्सएमएल JSON डेटा प्रकार JSON पार्स JSON स्ट्रिंगिफ़ाई JSON ऑब्जेक्ट्स JSON सरणियाँ JSON सर्वर जेएसओएन पीएचपी जेएसओएन एचटीएमएल जेएसओएन जेएसओएनपी

जेएस बनाम jQuery

jQuery चयनकर्ता jQuery एचटीएमएल jQuery सीएसएस jQuery डोम

जेएस ग्राफिक्स

जेएस ग्राफिक्स जेएस कैनवास जे एस प्लॉटली जेएस चार्ट.जेएस जेएस गूगल चार्ट जेएस डी3.जेएस

जेएस उदाहरण

जेएस उदाहरण जेएस एचटीएमएल डोम जेएस एचटीएमएल इनपुट जेएस एचटीएमएल ऑब्जेक्ट्स जेएस एचटीएमएल इवेंट्स जेएस ब्राउज़र जे एस संपादक जे एस व्यायाम जे एस प्रश्नोत्तरी जेएस प्रमाणपत्र

जे एस संदर्भ

जावास्क्रिप्ट ऑब्जेक्ट्स एचटीएमएल डोम ऑब्जेक्ट्स


जावास्क्रिप्ट कार्य


एक जावास्क्रिप्ट फ़ंक्शन किसी विशेष कार्य को करने के लिए डिज़ाइन किया गया कोड का एक ब्लॉक है।

एक जावास्क्रिप्ट फ़ंक्शन निष्पादित किया जाता है जब "कुछ" इसे आमंत्रित करता है (इसे कॉल करता है)।


उदाहरण

function myFunction(p1, p2) {
  return p1 * p2;   // The function returns the product of p1 and p2
}

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

एक जावास्क्रिप्ट फ़ंक्शन को functionकीवर्ड के साथ परिभाषित किया जाता है, उसके बाद एक नाम होता है, उसके बाद कोष्ठक () होता है ।

फ़ंक्शन नामों में अक्षर, अंक, अंडरस्कोर और डॉलर चिह्न (वैरिएबल के समान नियम) हो सकते हैं।

कोष्ठक में अल्पविराम द्वारा अलग किए गए पैरामीटर नाम शामिल हो सकते हैं:
( पैरामीटर1, पैरामीटर2,... )

फ़ंक्शन द्वारा निष्पादित किया जाने वाला कोड घुंघराले कोष्ठक के अंदर रखा गया है: {}

function name(parameter1, parameter2, parameter3) {
  // code to be executed
}

फ़ंक्शन परिभाषा में कोष्ठक () के अंदर फ़ंक्शन पैरामीटर सूचीबद्ध हैं।

फ़ंक्शन तर्क फ़ंक्शन द्वारा प्राप्त किए गए मान होते हैं जब इसे लागू किया जाता है।

फ़ंक्शन के अंदर, तर्क (पैरामीटर) स्थानीय चर के रूप में व्यवहार करते हैं।

एक फ़ंक्शन अन्य प्रोग्रामिंग भाषाओं में एक प्रक्रिया या एक सबरूटीन के समान ही है।


समारोह आमंत्रण

फ़ंक्शन के अंदर कोड निष्पादित होगा जब "कुछ" फ़ंक्शन को आमंत्रित करता है (कॉल करता है):

  • जब कोई ईवेंट होता है (जब कोई उपयोगकर्ता किसी बटन पर क्लिक करता है)
  • जब इसे जावास्क्रिप्ट कोड से बुलाया जाता है (कहा जाता है)
  • स्वचालित रूप से (स्वयं आमंत्रित)

आप इस ट्यूटोरियल में बाद में फंक्शन इनवोकेशन के बारे में बहुत कुछ जानेंगे।



समारोह वापसी

जब जावास्क्रिप्ट एक returnबयान पर पहुंचता है, तो फ़ंक्शन निष्पादित करना बंद कर देगा।

यदि फ़ंक्शन को किसी कथन से लागू किया गया था, तो जावास्क्रिप्ट इनवोकिंग स्टेटमेंट के बाद कोड को निष्पादित करने के लिए "वापस" आएगा।

फ़ंक्शंस अक्सर वापसी मान की गणना करते हैं । वापसी मूल्य "कॉलर" पर वापस "लौटा" है:

उदाहरण

दो संख्याओं के गुणनफल की गणना करें, और परिणाम लौटाएं:

let x = myFunction(4, 3);   // Function is called, return value will end up in x

function myFunction(a, b) {
  return a * b;             // Function returns the product of a and b
}

एक्स में परिणाम होगा:

12

कार्य क्यों?

आप कोड का पुन: उपयोग कर सकते हैं: कोड को एक बार परिभाषित करें, और इसे कई बार उपयोग करें।

आप अलग-अलग परिणाम उत्पन्न करने के लिए विभिन्न तर्कों के साथ एक ही कोड का कई बार उपयोग कर सकते हैं।

उदाहरण

फारेनहाइट को सेल्सियस में बदलें:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

() ऑपरेटर फ़ंक्शन को आमंत्रित करता है

उपरोक्त उदाहरण का उपयोग करना, toCelsiusफ़ंक्शन ऑब्जेक्ट को toCelsius()संदर्भित करता है, और फ़ंक्शन परिणाम को संदर्भित करता है।

() के बिना किसी फ़ंक्शन को एक्सेस करना फ़ंक्शन परिणाम के बजाय फ़ंक्शन ऑब्जेक्ट को वापस कर देगा।

उदाहरण

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

चर मूल्यों के रूप में प्रयुक्त कार्य

फ़ंक्शंस का उपयोग उसी तरह किया जा सकता है जैसे आप सभी प्रकार के फ़ार्मुलों, असाइनमेंट और गणनाओं में चर का उपयोग करते हैं।

उदाहरण

किसी फ़ंक्शन के रिटर्न मान को संग्रहीत करने के लिए एक चर का उपयोग करने के बजाय:

let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";

आप एक चर मान के रूप में सीधे फ़ंक्शन का उपयोग कर सकते हैं:

let text = "The temperature is " + toCelsius(77) + " Celsius";

आप इस ट्यूटोरियल में बाद में फ़ंक्शंस के बारे में बहुत कुछ जानेंगे।


स्थानीय चर

जावास्क्रिप्ट फ़ंक्शन के भीतर घोषित चर, फ़ंक्शन के लिए LOCAL बन जाते हैं।

स्थानीय चर को केवल फ़ंक्शन के भीतर से ही एक्सेस किया जा सकता है।

उदाहरण

// code here can NOT use carName

function myFunction() {
  let carName = "Volvo";
  // code here CAN use carName
}

// code here can NOT use carName

चूंकि स्थानीय चर केवल उनके कार्यों के अंदर पहचाने जाते हैं, एक ही नाम वाले चर का उपयोग विभिन्न कार्यों में किया जा सकता है।

फ़ंक्शन शुरू होने पर स्थानीय चर बनाए जाते हैं, और फ़ंक्शन पूरा होने पर हटा दिए जाते हैं।


व्यायाम के साथ खुद को परखें

व्यायाम:

नामित फ़ंक्शन निष्पादित करें myFunction

function myFunction() {
  alert("Hello World!");
}
;