JavaScript फंक्शन पैरामीटर्स: आर्गुमेंट्स पास करना

JavaScript फंक्शन पैरामीटर्स फंक्शन में मान पास करने का तरीका प्रदान करते हैं। ES6 ने डिफ़ॉल्ट पैरामीटर्स, रेस्ट पैरामीटर्स, और डिस्ट्रक्चरिंग जैसी शक्तिशाली विशेषताएं पेश कीं।

उदाहरण

<!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; padding: 20px; } 
    .sample { font-size: 18px; font-weight: 500; font-family: monospace; white-space: pre-wrap; } 
    button { padding: 10px 20px; background: #20c997; color: white; border: none; border-radius: 4px; cursor: pointer; } 
</style> </head> <body> 
<h1>JavaScript फंक्शन पैरामीटर्स</h1> 
<div class="sample"></div> 
<button class="Btn">पैरामीटर्स दिखाएं</button> 
<h3>ऊपर दिए गए बटन पर क्लिक करके फंक्शन पैरामीटर्स देखें</h3> 
<script> 
    const sampleEle = document.querySelector(".sample"); 
    
    // ES6: डिफ़ॉल्ट पैरामीटर्स, रेस्ट पैरामीटर्स
    function test(param1 = "डिफ़ॉल्ट1", param2, ...restParams) { 
        sampleEle.innerHTML = "फंक्शन के पैरामीटर्स:<br>"; 
        sampleEle.innerHTML += "param1 = " + param1 + "<br>"; 
        sampleEle.innerHTML += "param2 = " + param2 + "<br>"; 
        sampleEle.innerHTML += "restParams = [" + restParams.join(", ") + "]<br>"; 
        sampleEle.innerHTML += "arguments.length = " + arguments.length + "<br>"; 
    } 
    
    document.querySelector(".Btn").addEventListener("click", () => { 
        test("Hello", "World", 22, 99, "extra"); 
    }); 
</script> </body> </html>

आउटपुट

फंक्शन के पैरामीटर्स:
param1 = Hello
param2 = World
restParams = [22, 99, extra]
arguments.length = 5

पैरामीटर प्रकार

arguments ऑब्जेक्ट vs रेस्ट पैरामीटर्स

function oldStyle() {
    // arguments: एरे-लाइक, कोई एरे मेथड्स नहीं
    const args = Array.from(arguments);
}

function modernStyle(...args) {
    // args: असली एरे, सभी मेथड्स उपलब्ध
    args.forEach(...);
    args.map(...);
}

डिस्ट्रक्चरिंग उदाहरण