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

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके 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

आप फ़ंक्शन घोषणा या फ़ंक्शन अभिव्यक्ति का उपयोग कर सकते हैं ।


समारोह घोषणाएं

इससे पहले इस ट्यूटोरियल में, आपने सीखा कि फंक्शन्स को निम्नलिखित सिंटैक्स के साथ घोषित किया जाता है:

function functionName(parameters) {
  // code to be executed
}

घोषित कार्यों को तुरंत निष्पादित नहीं किया जाता है। वे "बाद में उपयोग के लिए सहेजे गए" हैं, और बाद में निष्पादित किए जाएंगे, जब उन्हें बुलाया जाएगा (आह्वान किया जाएगा)।

उदाहरण

function myFunction(a, b) {
  return a * b;
}

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


फंक्शन एक्सप्रेशन

एक जावास्क्रिप्ट फ़ंक्शन को एक अभिव्यक्ति का उपयोग करके भी परिभाषित किया जा सकता है

एक फ़ंक्शन अभिव्यक्ति को एक चर में संग्रहीत किया जा सकता है:

उदाहरण

const x = function (a, b) {return a * b};

एक फ़ंक्शन अभिव्यक्ति को एक चर में संग्रहीत करने के बाद, चर का उपयोग फ़ंक्शन के रूप में किया जा सकता है:

उदाहरण

const x = function (a, b) {return a * b};
let z = x(4, 3);

उपरोक्त फ़ंक्शन वास्तव में एक अनाम फ़ंक्शन (बिना नाम वाला फ़ंक्शन) है।

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

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



फंक्शन () कंस्ट्रक्टर

जैसा कि आपने पिछले उदाहरणों में देखा है, जावास्क्रिप्ट फ़ंक्शन functionकीवर्ड के साथ परिभाषित होते हैं।

फ़ंक्शंस को बिल्ट-इन जावास्क्रिप्ट फ़ंक्शन कंस्ट्रक्टर के साथ भी परिभाषित किया जा सकता है जिसे Function().

उदाहरण

const myFunction = new Function("a", "b", "return a * b");

let x = myFunction(4, 3);

आपको वास्तव में फ़ंक्शन कंस्ट्रक्टर का उपयोग करने की आवश्यकता नहीं है। उपरोक्त उदाहरण लेखन के समान है:

उदाहरण

const myFunction = function (a, b) {return a * b};

let x = myFunction(4, 3);

अधिकांश समय, आप newजावास्क्रिप्ट में कीवर्ड का उपयोग करने से बच सकते हैं।


समारोह उत्थापन

इससे पहले इस ट्यूटोरियल में, आपने "होस्टिंग" ( जावास्क्रिप्ट होस्टिंग ) के बारे में सीखा।

होस्टिंग घोषणाओं को वर्तमान दायरे के शीर्ष पर ले जाने का जावास्क्रिप्ट का डिफ़ॉल्ट व्यवहार है ।

उत्थापन परिवर्तनशील घोषणाओं और कार्य घोषणाओं पर लागू होता है।

इस वजह से, घोषित होने से पहले जावास्क्रिप्ट फ़ंक्शन को कॉल किया जा सकता है:

myFunction(5);

function myFunction(y) {
  return y * y;
}

एक अभिव्यक्ति का उपयोग करके परिभाषित कार्य फहराए नहीं जाते हैं।


स्व-आमंत्रण कार्य

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

एक स्व-आह्वान अभिव्यक्ति स्वचालित रूप से, बिना बुलाए (शुरू) की जाती है।

यदि अभिव्यक्ति के बाद () है तो फंक्शन एक्सप्रेशन स्वचालित रूप से निष्पादित होंगे।

आप फ़ंक्शन घोषणा को स्वयं-आह्वान नहीं कर सकते हैं।

यह इंगित करने के लिए कि यह एक फ़ंक्शन अभिव्यक्ति है, आपको फ़ंक्शन के चारों ओर कोष्ठक जोड़ना होगा:

उदाहरण

(function () {
  let x = "Hello!!";  // I will invoke myself
})();

उपरोक्त फ़ंक्शन वास्तव में एक अनाम स्व-चालान फ़ंक्शन (नाम के बिना फ़ंक्शन) है।


कार्यों का उपयोग मूल्यों के रूप में किया जा सकता है

जावास्क्रिप्ट फ़ंक्शंस का उपयोग मानों के रूप में किया जा सकता है:

उदाहरण

function myFunction(a, b) {
  return a * b;
}

let x = myFunction(4, 3);

जावास्क्रिप्ट फ़ंक्शंस का उपयोग अभिव्यक्तियों में किया जा सकता है:

उदाहरण

function myFunction(a, b) {
  return a * b;
}

let x = myFunction(4, 3) * 2;

कार्य वस्तुएं हैं

जावास्क्रिप्ट में typeofऑपरेटर कार्यों के लिए "फ़ंक्शन" देता है।

लेकिन, जावास्क्रिप्ट कार्यों को वस्तुओं के रूप में सर्वोत्तम रूप से वर्णित किया जा सकता है।

जावास्क्रिप्ट फ़ंक्शंस में गुण और विधियाँ दोनों हैं ।

arguments.lengthजब फ़ंक्शन लागू किया गया था, तो संपत्ति प्राप्त तर्कों की संख्या लौटाती है :

उदाहरण

function myFunction(a, b) {
  return arguments.length;
}

toString()विधि फ़ंक्शन को एक स्ट्रिंग के रूप में लौटाती है :

उदाहरण

function myFunction(a, b) {
  return a * b;
}

let text = myFunction.toString();

किसी ऑब्जेक्ट की संपत्ति के रूप में परिभाषित एक फ़ंक्शन को ऑब्जेक्ट के लिए एक विधि कहा जाता है।
नई वस्तुओं को बनाने के लिए डिज़ाइन किए गए फ़ंक्शन को ऑब्जेक्ट कंस्ट्रक्टर कहा जाता है।


तीर कार्य

एरो फंक्शन फंक्शन एक्सप्रेशन लिखने के लिए एक छोटे सिंटैक्स की अनुमति देता है।

आपको functionकीवर्ड, returnकीवर्ड और कर्ली ब्रैकेट की आवश्यकता नहीं है ।

उदाहरण

// ES5
var x = function(x, y) {
  return x * y;
}

// ES6
const x = (x, y) => x * y;

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

तीर कार्यों को नहीं फहराया जाता है। उपयोग करने से पहले उन्हें परिभाषित किया जाना चाहिए

उपयोग करना उपयोग const करने से अधिक सुरक्षित है var, क्योंकि फ़ंक्शन अभिव्यक्ति हमेशा स्थिर मान होती है।

returnयदि फ़ंक्शन एकल कथन है, तो आप केवल कीवर्ड और घुंघराले कोष्ठक को छोड़ सकते हैं । इस वजह से, इन्हें हमेशा रखना एक अच्छी आदत हो सकती है:

उदाहरण

const x = (x, y) => { return x * y };

IE11 या इससे पहले के एरो फ़ंक्शंस समर्थित नहीं हैं।