Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

जावास्क्रिप्ट फंक्शन्स में नेम्ड आर्गुमेंट्स का उपयोग कैसे करें?


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

उदाहरण

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample,.result {       font-size: 18px;       font-weight: 500;       color: red;    }    .result {       color: rebeccapurple;    } </style> </head> <body> <h1>Named arguments in JavaScript functions</h1> <div class="sample"></div> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3> Click on the above button to call a function and pass above object to it as argument </h3> <script>    let sampleEle = document.querySelector(".sample");    let resultEle = document.querySelector(".result");    sampleEle.innerHTML = "{a:22,b:44,c:55,d:99}";    function add({ a = 0, b = 0, c = 0, d = 0 }) {       return a + b + c + d;    }    document.querySelector(".Btn").addEventListener("click", () => {       resultEle.innerHTML += "Sum = " + add({ a: 22, b: 44, c: 55, d: 99 });    }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्नलिखित आउटपुट उत्पन्न करेगा:

जावास्क्रिप्ट फंक्शन्स में नेम्ड आर्गुमेंट्स का उपयोग कैसे करें?

'CLICK HERE' बटन पर क्लिक करने पर:

जावास्क्रिप्ट फंक्शन्स में नेम्ड आर्गुमेंट्स का उपयोग कैसे करें?


  1. JavaScript फंक्शन्स का उपयोग कैसे करें: चरण-दर-चरण गाइड JavaScript फंक्शन्स का उपयोग कैसे करें: चरण-दर-चरण गाइड

    JavaScript फंक्शन्स कस्टम कोड ब्लॉक्स हैं जिनका पुन: उपयोग किया जा सकता है। फंक्शन्स कोड को अधिक मॉड्यूलर बनाने की अनुमति देते हैं और ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग के लिए आवश्यक हैं। फंक्शन्स को घोषणाओं या अभिव्यक्तियों के माध्यम से परिभाषित किया जा सकता है। यदि आप JavaScript सीखने की कोशिश कर र

  1. JavaScript में नेम्ड आर्गुमेंट्स (Named Arguments) JavaScript में नेम्ड आर्गुमेंट्स (Named Arguments)

    JavaScript फंक्शन्स में नेम्ड आर्गुमेंट्स का उपयोग करने का निम्नलिखिक कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title

  1. JavaScript में अनाम फंक्शन्स (Anonymous Functions) को आर्गुमेंट्स कैसे पास करें? JavaScript में अनाम फंक्शन्स (Anonymous Functions) को आर्गुमेंट्स कैसे पास करें?

    JavaScript में अनाम फंक्शन्स को आर्गुमेंट्स पास करने का निम्नलिखिक कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>