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

जावास्क्रिप्ट में call() और apply() के साथ फ़ंक्शन्स को इनवोक करना


जावास्क्रिप्ट में call() और apply() के साथ फ़ंक्शन्स को इनवोक करने का कोड निम्नलिखित है -

उदाहरण

<!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;    }    .result {       font-size: 18px;       font-weight: 500;       color: blueviolet;    } </style> </head> <body> <h1>call() और apply() के साथ फ़ंक्शन्स इनवोक करना</h1> <div class="result"></div> <br /> <button class="Btn">यहाँ क्लिक करें</button> <h3>call() और apply() मेथड के साथ फ़ंक्शन्स इनवोक करने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    function addNum(num1, num2, num3, num4) {       return num1 + num2 + num3 + num4;    }    function multiplyNum(num1, num2, num3, num4) {       return num1 * num2 * num3 * num4;    }    let arr = [22, 33, 44, 55];    BtnEle.addEventListener("click", () => {       resEle.innerHTML = "संख्याओं का योग = " + addNum.call(this, 22, 33, 44, 55) + "<br>";       resEle.innerHTML += "ऐरे एलिमेंट्स का गुणनफल = " + multiplyNum.apply(this, arr) + "<br>";    }); </script> </body> </html>

आउटपुट

जावास्क्रिप्ट में call() और apply() के साथ फ़ंक्शन्स को इनवोक करना

'यहाँ क्लिक करें' बटन पर क्लिक करने पर -

जावास्क्रिप्ट में call() और apply() के साथ फ़ंक्शन्स को इनवोक करना


  1. JavaScript में onclick() के साथ फ़ंक्शन कॉल करें JavaScript में onclick() के साथ फ़ंक्शन कॉल करें

    मान लीजिए निम्नलिखित हमारा बटन है: Press Me हमें उपरोक्त बटन के क्लिक पर फ़ंक्शन कॉल करने की आवश्यकता है। उदाहरण निम्नलिखित कोड देखें: Document Press Me function displayingMessageOnButtonClick() { const showMessage = document.getElementById(showTheTextMessage); show

  1. JavaScript और CSS के साथ टाइपिंग और डिलीटिंग प्रभाव JavaScript और CSS के साथ टाइपिंग और डिलीटिंग प्रभाव

    CSS एनिमेशन की मदद से, हम JavaScript का उपयोग करके टाइपराइटर टाइपिंग और डिलीटिंग प्रभाव बना सकते हैं।निम्नलिखित उदाहरण इस प्रभाव को दर्शाता है।उदाहरण<!DOCTYPE html> <html> <style> div {    display: flex;    margin: 4%;    padding: 2%;    box-

  1. JavaScript के साथ CSS वेरिएबल्स को प्राप्त करना और सेट करना JavaScript के साथ CSS वेरिएबल्स को प्राप्त करना और सेट करना

    getComputedStyle() मेथड एक ऑब्जेक्ट देता है जिसमें टारगेट एलिमेंट पर लागू सभी स्टाइल शामिल होते हैं। getPropertyValue() मेथड का उपयोग कंप्यूटेड स्टाइल से वांछित प्रॉपर्टी प्राप्त करने के लिए किया जाता है। setProperty() का उपयोग CSS वेरिएबल का मान बदलने के लिए किया जाता है।उदाहरणनिम्नलिखित उदाहरण दर्