"new" ऑपरेटर का उपयोग करके जावास्क्रिप्ट कंस्ट्रक्टर बनाना

परिचय

जावास्क्रिप्ट में new ऑपरेटर का उपयोग करके एक कंस्ट्रक्टर फ़ंक्शन से ऑब्जेक्ट इंस्टेंस बनाया जाता है। new कीवर्ड एक नया खाली ऑब्जेक्ट बनाता है, इसके प्रोटोटाइप को कंस्ट्रक्टर के prototype से जोड़ता है, this को नए ऑब्जेक्ट पर बाइंड करता है, और कंस्ट्रक्टर को निष्पादित करता है।

उदाहरण

निम्न कोड 'new' ऑपरेटर का उपयोग करके जावास्क्रिप्ट कंस्ट्रक्टर बनाने के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>कंस्ट्रक्टर विथ न्यू</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>new के साथ जावास्क्रिप्ट कंस्ट्रक्टर</h1> <div style="color: green;" class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3> new ऑपरेटर का उपयोग करके जावास्क्रिप्ट कंस्ट्रक्टर बनाने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> const resEle = document.querySelector(".result"); function Human(firstName, lastName, age) { this.firstName = firstName; this.lastName = lastName; this.age = age; } const obj = new Human('रोहन', 'शर्मा', 22); document.querySelector(".Btn").addEventListener("click", () => { for (const key in obj) { resEle.innerHTML += 'Key = ' + key + ' : Value = ' + obj[key] + '<br>'; } }); </script> </body> </html>

आउटपुट

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

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

new क्या करता है (आंतरिक चरण)

function New(constructor, ...args) {
  // 1. नया खाली ऑब्जेक्ट बनाएं
  const obj = Object.create(constructor.prototype);
  // 2. कंस्ट्रक्टर को नए ऑब्जेक्ट के साथ 'this' के रूप में कॉल करें
  const result = constructor.apply(obj, args);
  // 3. यदि कंस्ट्रक्टर ऑब्जेक्ट लौटाता है, तो उसे लौटाएं, अन्यथा नया ऑब्जेक्ट
  return (typeof result === 'object' && result !== null) ? result : obj;
}

ES6 क्लास सिंटैक्स (आधुनिक दृष्टिकोण)

class Human {
  constructor(firstName, lastName, age) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }
  greet() {
    return `नमस्ते, मैं ${this.firstName} हूँ`;
  }
}
const person = new Human('रोहन', 'शर्मा', 22);