Creating objects using literal notation and new Object() In Hindi
जावास्क्रिप्ट प्रोग्रामिंग में, प्रोग्रामर ऑब्जेक्ट को दो प्राइमरी मेथड से क्रिएट कर सकते हैं.
जावास्क्रिप्ट प्रोग्राम में ऑब्जेक्ट क्रिएशन के लिए लिटरल नोटेशन का उपयोग करना।
नई प्रोग्राम ऑब्जेक्ट क्रिएट करने के लिए new Object() कंस्ट्रक्टर को यूज़ करना।
यहाँ ऊपर दी गई दोनों मेथड्स आपको नई ऑब्जेक्ट क्रिएट करने की परमिशन प्रोवाइड करते हैं. लेकिन ये दोनों मेथड नए प्रोग्राम ऑब्जेक्ट को क्रिएट करने के सिंटैक्स और बिहैवियर आपस में अलग अलग होते है।
So, let’s understand the new object creation process in JavaScript programming.
Creating an object using literal notation in JavaScript.
जावास्क्रिप्ट प्रोग्रामिंग में ऑब्जेक्ट लिटरल नोटेशन न्यू ऑब्जेक्ट क्रिएट करने का एक बेसिक मेथड है। आप किसी क्रिएट होने वाले ऑब्जेक्ट को उसके डिफ़ॉल्ट प्रॉपर्टीज और मेथड्स को कर्ली ब्रेसिज़ ({}) के अंदर कम्बाइंड करके डिफाइन करते हैं। जहा क्रिएट होने वाले न्यू ऑब्जेक्ट में प्रत्येक प्रॉपर्टीज को की-वैल्यू पेअर के रूप में डिफाइन किया जाता है।
Literal notation creation syntax.
let objectName = {
key1: value1,
key2: value2,
key3: value3
};
Object key is the name of the property.
यहाँ न्यू ऑब्जेक्ट में value प्रॉपर्टीज नई क्रिएट होने वाले ऑब्जेक्ट से रिलेटेड वैल्यू है, जो नई ऑब्जेक्ट क्रिएशन में एक क्लास स्ट्रिंग, नंबर, ऐरे, फ़ंक्शन, डाटा टाइप आर्डर आदि में हो सकता है।
Literal notation creation object example.
let employee = {
emp_name: “David”,
emp_age: 44,
message: function() {
console.log(“Hi, i am ” + this.emp_name);
}
};
console.log(employee.emp_name); // result is – david
console.log(employee.emp_age); // result is – 44
employee.message(); // result is – Hi, i am David
- Literal notation creation object – ऊपर दिए गए ऑब्जेक्ट प्रोग्राम उदाहरण में, एम्प्लोयी ऑब्जेक्ट में प्रॉपर्टीज में emp_name और emp_age हैं, और एक ऑब्जेक्ट मेथड मैसेज है, जो एक टेक्स्ट मैसेज डिस्प्ले करती है। यहाँ this कीवर्ड मेथड के अंदर ऑब्जेक्ट को रेफ़्रेन्स करता है।
Benefits of Object Literal Notation in JavaScript.
- Concise syntax – जावास्क्रिप्ट प्रोग्रामर बिना किसी कन्स्ट्रक्टर मेथड की जरूरत के बिना नया ऑब्जेक्ट क्रिएट कर सकता है।
- Improved readability – जावास्क्रिप्ट प्रोग्राम में लिटरल नोटेशन स्ट्रक्चर क्लियर और समझने में आसान होते है. जिससे बड़े काम्प्लेक्स प्रोग्राम प्रोजेक्ट प्रोग्राम सोर्स कोड अधिक रीडेबल और अंडरस्टैंडेबल हो जाता है।
- Automatic assignment – आप क्रिएट होने वाले प्रोग्राम ऑब्जेक्ट में डायरेक्ट की-वैल्यू पेअर असाइन कर सकते हैं, और जावास्क्रिप्ट प्रोग्राम वैल्यू के डाटा टाइप स्ट्रिंग, नंबर, आदि को अप्लाई किया जा सकता है।
Creating an object using the new Object() constructor in JavaScript.
जावास्क्रिप्ट प्रोग्राम में new Object() सिंटैक्स एक नया एम्प्टी ऑब्जेक्ट क्रिएट करने के लिए ऑब्जेक्ट कन्स्ट्रक्टर फ़ंक्शन को यूज़ करता है। फिर जरूरत के अनुसार प्रोग्रामर डॉट नोटेशन या ब्रैकेट नोटेशन को यूज़ करके न्यू क्रिएट होने वाले ऑब्जेक्ट में ऑब्जेक्ट प्रॉपर्टीज को ऐड कर सकते हैं।
The syntax of the new Object() constructor.
let objectName = new Object();
objectName.key1 = value1;
objectName.key2 = value2;
Example of the new Object() constructor.
let course = new Object();
course.name = “Javascript”;
course.duration = “1 month”;
course.price = 999;
course.previewInfo = function() {
console.log(`${this.price} ${this.duration} ${this.name}`);
};
console.log(course.name); // result is – Javascript
console.log(course.price); // result is – 999
course.previewInfo(); // result is – 999 1 month Javascript
- Explanation of the new Object() constructor – यहाँ ऊपर इस उदाहरण में, कोर्स ऑब्जेक्ट new Object() कन्स्ट्रुक्टर का यूज़ करके क्रिएट किया गया है, और फिर इसमें डॉट नोटेशन को यूज़ करके ऑब्जेक्ट प्रॉपर्टीज और मेथड्स को ऐड किया गया हैं।
Advantages of the new Object() constructor in JavaScript.
- Dynamic object creation – यह जावास्क्रिप्ट प्रोग्राम में तब यूज़फुल होता है, जब आपको एम्प्टी ऑब्जेक्ट क्रिएट करने और फिर उसे डायनेमिक रूप से पॉप्युलेट करने की जरूरत होती है. जैसे, जब ऑब्जेक्ट की प्रॉपर्टीज रनटाइम आर्डर में डिफाइन किए जाते हैं।
- More explicit – यह जावास्क्रिप्ट प्रोग्राम में न्यू ऑब्जेक्ट क्रिएट करने का अधिक क्लियर मेथड है, और जब आप कंस्ट्रक्टर को यूज़ करते हों, तो आप इसे जरूरत के अनुसार कभी भी यूज़ कर सकते हैं।
Comparing the literal notation and new Object() Methods
| Feature | Object Literal Notation features | new Object() Constructor features |
| Syntax | Use {} (curly braces) | Use new Object() constructor |
| Ease of Use | It is Very simple and concise | It is Slightly more verbose in use |
| Flexibility | It is Less flexible for dynamic object properties | It is More flexible when object properties are added dynamically |
| Readability | It is More readable in use | It More verbose or complex |
| Performance | Object Literal Notation performance is Faster, because it’s direct | Here new Object() Constructor Slightly slower due to constructor overhead |
Which new Object method should you use in JavaScript programs?
- जावास्क्रिप्ट प्रोग्राम में ऑब्जेक्ट लिटरल नोटेशन का उपयोग तब करें यदि.
- जब आप एक सिंपल ऑब्जेक्ट को क्रिएट कर रहे हैं, और समय से पहले ऑब्जेक्ट प्रॉपर्टीज को जानते हैं।
- आप नई ऑब्जेक्ट क्रिएशन में डिटेल्ड, रीडेबल प्रोग्राम सोर्स कोड को प्रायोरिटी देते हैं।
- जावास्क्रिप्ट प्रोग्राम में नए ऑब्जेक्ट() का उपयोग करें यदि.
- जब आप किसी प्रोग्राम में डायनेमिक रूप से ऑब्जेक्ट क्रिएट कर रहे हैं, और प्रोग्राम ऑब्जेक्ट रनटाइम पर ऑब्जेक्ट प्रॉपर्टीज और ऑब्जेक्ट मेथड्स को ऐड कर रहे हैं।
Object Bonus – Adding object methods and accessing properties.
किसी भी जावास्क्रिप्ट प्रोग्राम में दोनों न्यू ऑब्जेक्ट मेथड प्रोग्रामर समान आर्डर में नई मेथड को ऐड करने और ऑब्जेक्ट पॉपर्टीज़ को एक्सेस करने की परमिशन प्रोवाइड करता हैं। यहाँ आपको दोनों नई ऑब्जेक्ट मेथड को डिस्प्ले करने का एक उदाहरण दिया गया है.
Adding methods to object and accessing properties example.
// create Object with Literal Notation
let employee = {
emp_name: “Mathew”,
emp_age: 48,
previewinfo: function() {
console.log(“Hi my name is – ” + this.emp_name);
console.log(“My age is – ” + this.emp_age);
}
};
// create object with new Object() Constructor
let full_time_employee = new Object();
full_time_employee.name = “Rock”;
full_time_employee.age = 45;
full_time_employee.previewinfo = function() {
console.log(“Hi, my name is – ” + this.name);
};
employee.previewinfo(); // result is – Hi my name is – Mathew My age is – 48
full_time_employee.previewinfo(); // result is – Hi, my name is – Rock
यहाँ दोनों न्यू ऑब्जेक्ट क्रिएशन मेथड में ऑब्जेक्ट में ऑब्जेक्ट पॉपर्टीज़ (नाम, ऐज) और ऑब्जेक्ट मेथड्स (previewinfo) को ऐड करने के लिए वैलिड हैं। जबकि, लिट्रल नोटेशन को आमतौर पर इसकी सिम्पलिसिटी के लिए जावास्क्रिप्ट प्रोग्रामिंग में प्रायोरिटी दी जाती है।
Conclusion of new Object and new Object() in JavaScript.
- Object literal notation – जावास्क्रिप्ट प्रोग्राम में नई लिट्रल नोटेशन ऑब्जेक्ट क्रिएट करने का एक सबसे इजी और सबसे बेसिक प्रोसेस है। जब आप किसी ऑब्जेक्ट को कंस्ट्रशन करते समय प्रॉपर्टीज को जानते हैं, तो यह क्रिएट होने वाले ऑब्जेक्ट के लिए डिटेल्ड और आइडियल है।
- new Object() constructor – यह एक अधिक इफेक्टिव नई कन्स्ट्रुक्टर प्रोसेस मेथड है, जो डायनामिक रूप से नई ऑब्जेक्ट क्रिएट करते समय यूज़फुल है, लेकिन ऑब्जेक्ट लिट्रल नोटेशन की डिज़ाइन सिम्पलिसिटी के कारण इसे ज्यादातर कम यूज़ किया जाता है।
