Methods in objects In Hindi
जावास्क्रिप्ट प्रोग्रामिंग में मेथड्स यूजर क्रिएटेड ऐसे फ़ंक्शन होते हैं, जो मौजूदा फंक्शन में किसी डिक्लेअर ऑब्जेक्ट के प्रॉपर्टीज फॉर्मेट आर्डर में स्टोर और प्रोसेस होते हैं। जावास्क्रिप्ट प्रोग्राम में मेथड्स का उपयोग किसी डिक्लेअर प्रोग्राम ऑब्जेक्ट के डेटा में ऑपरेशन अप्लाई करने या डिक्लेअर ऑब्जेक्ट से रिलेटेड मल्टीप्ल एक्शन को परफॉर्म करने में किया जाता है। मेथड को प्रोग्राम ऑब्जेक्ट पॉपर्टीज़ आर्डर में डिफाइन किया जाता है, जबकि इन मेथड ऑब्जेक्ट का वैल्यू एक फ़ंक्शन की तरह ट्रीट होता है।
Defining methods objects in JavaScript programs.
किसी भी डिक्लेअर जावास्क्रिप्ट प्रोग्राम में फंक्शन ऑब्जेक्ट मेथड्स को फ़ंक्शन एक्सप्रेशन आर्डर में या सिंपल मेथड सिंटैक्स का उपयोग करके ऑब्जेक्ट में ऐड कर सकते है।
Using function expressions in object methods.
जावास्क्रिप्ट प्रोग्रामर फ़ंक्शन एक्सप्रेशन को अप्लाई करके ऑब्जेक्ट के अंदर ऑब्जेक्ट मेथड को डिफाइन कर सकते हैं। इसे आप एक बेसिक फ़ंक्शन की तरह डिफाइन कर सकते है, जबकि मौजूदा फ़ंक्शन में ऑब्जेक्ट के एक सिंगल या मल्टीप्ल प्रॉपर्टीज को असाइन किया जा सकता है।
Example of methods objects.
let employee = {
compname: “Vcanhelpsu”,
empcont: 94,
displayinfo: function() {
console.log(“Hi, best for programming ” + this.compname);
}
};
employee.displayinfo(); // Result – Hi, best for programming Vcanhelpsu
Explanation of Example of methods objects.
इस प्रोग्राम एक्साम्प्ल में, displayinfo मेथड को एक फ़ंक्शन एक्सप्रेशन के आर्डर में डिफाइन किया गया है, और इसे employee ऑब्जेक्ट के displayinfo प्रॉपर्टीज को असाइन किया गया है। यह फंक्शन मेथड में ऑब्जेक्ट के compname प्रॉपर्टीज को एक्सेस करने के लिए this.compname का उपयोग करती है।
Using shorthand method syntax in object methods (ES6).
ES6 ने ऑब्जेक्ट्स में मेथड्स को डिफाइन करने के लिए एक शॉर्टहैंड सिंटैक्स डिस्प्ले किया गया है। यह सिंटैक्स function कीवर्ड के उपयोग से अधिक संक्षिप्त है, और आधुनिक JavaScript में मेथड्स को डिफाइन करने का पॉपुलर तरीका है।
Syntax of shorthand in object method.
let objectName = {
methodName() {
// define your custom function body method
}
};
Example of shorthand in object method.
let employee = {
empname: “Siddhi”,
empcont: 40,
displayempinfo() {
console.log(“Hi, Employee name is – ” + this.empname);
console.log(“Hi, Employee contact is – ” + this.empcont);
}
};
employee.displayempinfo(); // Result – Hi, Employee name is – Siddhi
Explanation of shorthand in object method.
इस प्रोग्राम में displayempinfo() मेथड को शॉर्टहैंड मेथड सिंटैक्स को अप्लाई करके डिफाइन किया गया है। जो की एक बेसिक फ़ंक्शन की तरह बिहेव करता है।
Use of this keyword in object methods.
जावास्क्रिप्ट प्रोग्राम में किसी डिक्लेअर मेथड ऑब्जेक्ट के लिए this कीवर्ड की वैल्यू उस ऑब्जेक्ट वैल्यू इनफार्मेशन को इंडीकेट करता है, जिससे की वह कनेक्टेड है। यहाँ this कीवर्ड आपको उस प्रोग्राम ऑब्जेक्ट में ऑब्जेक्ट के प्रॉपर्टीज और अन्य मेथड्स को एक्सेस करने की परमिशन प्रोवाइड करता है।
Example of this keyword in object methods.
let employee = {
empname: “Bhavishi”,
empcont: 91,
displayempinfo() {
console.log(“Hi, employee name is – ” + this.empname + ” ,and this her contact number – ” + this.empcont + “”);
}
};
employee.displayempinfo(); // Result – Hi, employee name is – Bhavishi ,and this her contact – 91 number
Explanation of this keyword in object methods.
इस प्रोग्राम में displayempinfo() मेथड को employee ऑब्जेक्ट में empname और empcont ऑब्जेक्ट प्रॉपर्टीज को एक्सेस करने के लिए this.empname और this.empcont मेथड का उपयोग करते है।
Object methods with JavaScript parameters.
जावास्क्रिप्ट प्रोग्राम में बेसिक फंक्शन के जैसे ही डिक्लेअर फंक्शन ऑब्जेक्ट्स में मेथड्स पैरामीटर्स को एक्सेप्ट किया जाता हैं।
Example of object methods with parameters.
let employee = {
empname: “Siddhi”,
displayempinfo(otherempName) {
console.log(“Hi – ” + otherempName + “, And my name is – ” + this.empname);
}
};
employee.displayempinfo(“Bhavishi”); // Result – Hi – Bhavishi, And my name is – Siddhi
Explanation of object methods with parameters.
इस प्रोग्राम में displayempinfo() मेथड otherempName को एक पैरामीटर फॉर्मेट में एक्सेप्ट करते है, और प्रोग्राम आउटपुट में इसे अप्लाई करती है, लेकिन employee ऑब्जेक्ट के empname प्रॉपर्टीज को एक्सेस करती है।
Returning values from JavaScript object methods.
जावास्क्रिप्ट फंक्शन प्रोग्राम में मेथड्स बेसिक या रेगुलर फ़ंक्शन की तरह ही वैल्यू रिटर्न कर सकती हैं। ये रिटर्न फंक्शन प्रोग्राम वैल्यू कुछ भी हो सकते हैं. जैसे, नुमेरक, स्ट्रिंग, ऑब्जेक्ट, या अन्य प्रकार के यूजर डिफाइन डेटा टाइप हो सकते है।
Example of returning values from object methods.
let employee = {
empname: “Harry”,
empid: 20,
displayinfo() {
return “Hy, my name is – ” + this.empname + ” and this is my employee id – ” + this.empid + “”;
}
};
console.log(employee.displayinfo()); // Result – Hy, my name is – Harry and this is my employee id – 20
Explanation of returning values from object methods.
इस प्रोग्राम में displayinfo() मेथड एक स्ट्रिंग वैल्यू रिटर्न करती है, जिसमें employee ऑब्जेक्ट के प्रॉपर्टीज empname और empid ऐट्रिब्यूट्स मौजूद होते हैं।
Methods that modify object properties in a JavaScript program.
जावास्क्रिप्ट फंक्शन प्रोग्राम में मेथड डिक्लेअर ऑब्जेक्ट के प्रॉपर्टीज को भी मॉडिफाई कर सकती हैं, जिससे वह जुड़ा हुआ हैं।
Example of modifying object properties.
let employee = {
empname: “Siddhi”,
empage: 30,
awarded() {
this.empname; // here this keyword use with empname property
console.log(“Hi employee, You are awarded ” + this.empname + ” with javascript certificate”);
}
};
employee.awarded(); // Result – Hi employee, You are awarded Siddhi with javascript certificate
Explanation of modifying object properties.
इस प्रोग्राम में awarded() फंक्शन मेथड employee ऑब्जेक्ट के empame प्रॉपर्टीज को मॉडिफाई करती है.
JavaScript function method chaining.
जावास्क्रिप्ट आपको कई मेथड कॉल्स को एक साथ चेन फीचर्स की परमिशन प्रोवाइड करता है। यह फीचर्स तब काम करता है, जब फंक्शन मेथड्स this वैल्यू को रिटर्न करते हैं, जो मौजूदा फंक्शन में ऑब्जेक्ट को रेफ़्रेन्स करता है, जिससे आप उसी फंक्शन ऑब्जेक्ट में मेथड्स को कॉल कर सकते हैं।
Example of function method chaining.
let employee = {
empname: “Harry”,
empage: 30,
displayName(modifyName) {
this.name = modifyName;
return this; // here it Returning this allows method chaining features
},
displayAge(modifyAge) {
this.age = modifyAge;
return this; // here it Returning this allows method chaining features
},
empinfo() {
console.log(“Hi, employee name is – ” + this.empname + ” , and his age is – ” + this.empage + ” year”);
return this; // Returning ‘this’ allows method chaining
}
};
employee.displayName(“David”).displayAge(33).empinfo();
// Result – Hi, employee name is – Harry, and his age is – 30 year
Explanation of function method chaining.
यहाँ displayName, displayAge और empinfo() मेथड्स this वैल्यू को रिटर्न करते हैं, जिससे मेथड चेनिंग फीचर्स पॉसिबल हो जाती है। जहा प्रोग्रामर एक प्रोग्राम में तीनों मेथड्स को एक ही लाइन में कॉल कर सकते हैं, और empinfo मेथड अपडेट किए गए प्रॉपर्टीज का उपयोग करेगा।
Methods with this context in JavaScript.
जावास्क्रिप्ट प्रोग्राम में, this कीवर्ड की वैल्यू इस बात पर निर्भर करती है कि फंक्शन में मेथड को कैसे इनवोक किया जाता है। अगर मौजूदा फंक्शन मेथड को किसी ऑब्जेक्ट की मेथड के रूप में कॉल नहीं किया जाता है, तो यहाँ this कीवर्ड उस ऑब्जेक्ट को प्रॉपर्ली रेफ़्रेन्स नहीं कर सकता है। यह आपके लिए एक प्रोब्लेमैटिक कंडीशन हो सकती है, स्पेशली, जब आप फंक्शन में मेथड्स को पास करते है।
Example of methods with this context problem.
let employee = {
empname: “Harry”,
empinfo() {
console.log(“Hi, employee name is ” + this.empname);
}
};
let empinfoFunction = employee.empinfo;
empinfoFunction(); // Result – Hi, employee name is undefined
Explanation of methods with this reference in JavaScript.
इस प्रोग्राम में empinfo को एक अलग वेरिएबल (empinfoFunction) में असाइन किया जाता है, तो फंक्शन मेथड के अंदर this अब employee ऑब्जेक्ट को रेफर नहीं करता है। यह डिफ़ॉल्ट रूप से अपरिभाषित स्ट्रिक्ट मोड में डिस्प्ले हो जाता है।
Solution in JavaScript function: Use .bind().
जावास्क्रिप्ट प्रोग्रामर को किसी फ़ंक्शन के लिए this कीवर्ड रेफ़्रेन्स को स्पष्ट रूप से सेट करने के लिए .bind() फंक्शन मेथड का उपयोग कर सकते हैं।
let employee = {
empname: “Harry”,
empinfo() {
console.log(“Hi, employee name is ” + this.empname);
}
};
let empinfoFunction = employee.empinfo.bind(employee); // here we use bin’this’ to the ’employee’ object prperties
empinfoFunction(); // Result – Hi, employee name is Harry
Explanation of the use of .bind() in JavaScript function resolve.
इस प्रोग्राम में .bind() मेथड का उपयोग एक नया फ़ंक्शन क्रिएट करने में किया जाता है, जहाँ this कीवर्ड हमेशा employee ऑब्जेक्ट से बाइंड होता है, चाहे फिर प्रोग्राम में फ़ंक्शन ऑब्जेक्ट को किसी भी तरह से कॉल किया जाए।
Summary of Methods in Objects in JavaScript.
जावास्क्रिप्ट प्रोग्राम में मेथड्स वे यूजर डिफाइन ऑब्जेक्ट फ़ंक्शन होते हैं, जो किसी ऑब्जेक्ट में प्रॉपर्टीज़ के रूप में स्टोर और प्रोसेस होते हैं।
- Accessing function methods – जावास्क्रिप्ट फंक्शन प्रोग्राम में मेथड्स को डॉट नोटेशन जैसे, object.method() या ब्रैकेट नोटेशन जैसे, object[“method”]() जैसे फीचर्स का उपयोग करके एक्सेस और प्रोसेस किया जाता है।
- this keyword – किसी डिक्लेअर फंक्शन मेथड के अंदर, this कीवर्ड उस ऑब्जेक्ट को ही रेफ़्रेन्स करता है, जिससे आप अन्य फंक्शन ऑब्जेक्ट प्रॉपर्टीज़ और मेथड्स को एक्सेस कर सकते हैं।
- Method chaining – यदि फंक्शन प्रोग्राम में मेथड्स this वैल्यू को रिटर्न करते हैं, तो आप उन्हें आप चेन कर सकते हैं, जिससे आप एक ही फंक्शन ऑब्जेक्ट स्टेटमेंट में कई मेथड्स को कॉल कर सकते हैं।
- this binding – यदि जावास्क्रिप्ट फंक्शन मेथड्स को स्टैंडअलोन फ़ंक्शन के रूप में पास किया जाता है, तो वे this कीवर्ड के लिए सही रेफ़्रेन्स को लोस्ट कर सकते हैं। यहाँ आपको this कीवर्ड वैल्यू को स्पष्ट रूप से अपडेट करने के लिए .bind() फंक्शन मेथड का उपयोग करके इसे प्रॉपर कर सकते हैं।
