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

जावास्क्रिप्ट में फ़ंक्शन बॉरोइंग


call(), apply() और bind() का उपयोग जावास्क्रिप्ट में मेथड्स बॉरो करने के लिए किया जाता है।

जावास्क्रिप्ट में मेथड्स बॉरो करने के लिए निम्नलिखित कोड है:

उदाहरण

<!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,.sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } </style> </head> <body> <h1>Borrowing a method in JavaScript</h1> <div class="sample"></div> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to borrow the welcome method of object obj</h3> <script>    let sampleEle = document.querySelector(".sample");    let resultEle = document.querySelector(".result");    let obj = {       firstName: "Rohan",       lastName: "Sharma",       welcome() {          return "Welcome " + this.firstName + " " + this.lastName;       },    };    let obj1 = {       firstName: "John",       lastName: "Shaw",    };    sampleEle.innerHTML = "obj.welcome() = " + obj.welcome();    document.querySelector(".Btn").addEventListener("click", () => {       resultEle.innerHTML = "obj1.welcome() = " + obj.welcome.call(obj1);    }); </script> </body> </html>

आउटपुट

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

जावास्क्रिप्ट में फ़ंक्शन बॉरोइंग

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

जावास्क्रिप्ट में फ़ंक्शन बॉरोइंग


  1. JavaScript फंक्शन इनवोकेशन: फंक्शन कॉल करने के तरीके JavaScript फंक्शन इनवोकेशन: फंक्शन कॉल करने के तरीके

    JavaScript में फंक्शन को चार तरीकों से इनवोक (कॉल) किया जा सकता है, प्रत्येक अलग this बाइंडिंग व्यवहार के साथ। उदाहरण { helloWorld(); // साधारण इनवोकेशन }); </script> </body> </html> आउटपुट अलर्ट बॉक्स में HELLO WORLD प्रदर्शित होगा। फंक्शन इनवोकेशन के 4 तरीके

  1. JavaScript Number() फंक्शन JavaScript Number() फंक्शन

    JavaScript Number() फंक्शन ऑब्जेक्ट वैल्यू को तर्क के रूप में पास करके उसके संबंधित न्यूमेरिक वैल्यू में बदल देता है।उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,

  1. जावास्क्रिप्ट में फ़ंक्शन प्रोटोटाइप जावास्क्रिप्ट में फ़ंक्शन प्रोटोटाइप

    जावास्क्रिप्ट में बनाए गए फ़ंक्शन्स में हमेशा जावास्क्रिप्ट इंजन द्वारा प्रोटोटाइप प्रॉपर्टी जोड़ी जाती है। प्रोटोटाइप प्रॉपर्टी एक ऑब्जेक्ट है जिसमें डिफ़ॉल्ट रूप से कंस्ट्रक्टर प्रॉपर्टी होती है। फ़ंक्शन प्रोटोटाइप को निम्न द्वारा एक्सेस किया जा सकता है - functionName.prototype जब ऑब्जेक्ट्स को फ