JavaScript - Objects Overview Full Details
जावास्क्रिप्ट - Objects Overview पूर्ण विवरण
जावास्क्रिप्ट एक ऑब्जेक्ट ओरिएंटेड प्रोग्रामिंग (OOP) भाषा है। एक प्रोग्रामिंग भाषा को ऑब्जेक्ट-ओरिएंटेड कहा जा सकता है यदि यह डेवलपर्स को चार बुनियादी क्षमताएं प्रदान करती है -
- Encapsulation - किसी वस्तु में संबंधित जानकारी, चाहे डेटा या विधियाँ, एक साथ संग्रहीत करने की क्षमता।
- एकत्रीकरण - एक वस्तु को दूसरी वस्तु के अंदर संग्रहीत करने की क्षमता।
- वंशानुक्रम - एक वर्ग की अपने कुछ गुणों और विधियों के लिए दूसरे वर्ग (या वर्गों की संख्या) पर भरोसा करने की क्षमता।
- बहुरूपता - एक फ़ंक्शन या विधि को लिखने की क्षमता जो विभिन्न तरीकों से काम करती है।
वस्तुओं का निर्माण गुणों से होता है। यदि किसी विशेषता में कोई फ़ंक्शन होता है, तो इसे ऑब्जेक्ट की एक विधि माना जाता है, अन्यथा विशेषता को एक संपत्ति माना जाता है।
JavaScript Object Properties -वस्तु गुण
ऑब्जेक्ट गुण तीन आदिम डेटा प्रकारों में से कोई भी हो सकते हैं, या कोई भी सार डेटा प्रकार, जैसे कि कोई अन्य ऑब्जेक्ट। ऑब्जेक्ट गुण आमतौर पर वेरिएबल होते हैं जो ऑब्जेक्ट के तरीकों में आंतरिक रूप से उपयोग किए जाते हैं, लेकिन पूरे पृष्ठ पर उपयोग किए जाने वाले वैश्विक रूप से दृश्यमान चर भी हो सकते हैं।
किसी वस्तु में गुण जोड़ने का वाक्य-विन्यास है -
objectName.objectProperty = propertyValue;
उदाहरण के लिए - निम्नलिखित कोड दस्तावेज़ ऑब्जेक्ट की "शीर्षक" संपत्ति का उपयोग करके दस्तावेज़ शीर्षक प्राप्त करता है।
var str = document.title;
JavaScript Object Methods -वस्तु के तरीके
विधियाँ वे कार्य हैं जो वस्तु को कुछ करने देते हैं या कुछ करने देते हैं। एक फ़ंक्शन और एक विधि के बीच एक छोटा सा अंतर है - एक फ़ंक्शन में बयानों की एक स्टैंडअलोन इकाई होती है और एक विधि किसी ऑब्जेक्ट से जुड़ी होती है और इसे इस कीवर्ड द्वारा संदर्भित किया जा सकता है।
ऑब्जेक्ट की सामग्री को स्क्रीन पर प्रदर्शित करने से लेकर स्थानीय गुणों और मापदंडों के समूह पर जटिल गणितीय संचालन करने तक, हर चीज के लिए तरीके उपयोगी होते हैं।
उदाहरण के लिए - दस्तावेज़ पर किसी भी सामग्री को लिखने के लिए दस्तावेज़ ऑब्जेक्ट की लिखने () विधि का उपयोग करने का तरीका दिखाने के लिए निम्नलिखित एक सरल उदाहरण है।
document.write("This is test");
JavaScript User-Defined Objects -उपयोगकर्ता-परिभाषित वस्तुएं
सभी उपयोगकर्ता-परिभाषित ऑब्जेक्ट और अंतर्निहित ऑब्जेक्ट ऑब्जेक्ट नामक ऑब्जेक्ट के वंशज हैं।
The new Operator -नया ऑपरेटर
किसी ऑब्जेक्ट का उदाहरण बनाने के लिए नए ऑपरेटर का उपयोग किया जाता है। ऑब्जेक्ट बनाने के लिए, नए ऑपरेटर का अनुसरण कंस्ट्रक्टर विधि द्वारा किया जाता है।
निम्नलिखित उदाहरण में, कंस्ट्रक्टर विधियाँ ऑब्जेक्ट (), ऐरे (), और दिनांक () हैं। ये कंस्ट्रक्टर बिल्ट-इन जावास्क्रिप्ट फंक्शन हैं।
var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");
The Object() Constructor -ऑब्जेक्ट () कंस्ट्रक्टर
कंस्ट्रक्टर एक ऐसा फंक्शन है जो किसी ऑब्जेक्ट को बनाता और इनिशियलाइज़ करता है। जावास्क्रिप्ट ऑब्जेक्ट बनाने के लिए ऑब्जेक्ट () नामक एक विशेष कंस्ट्रक्टर फ़ंक्शन प्रदान करता है। ऑब्जेक्ट () कंस्ट्रक्टर का रिटर्न वैल्यू एक वेरिएबल को सौंपा गया है।
चर में नई वस्तु का संदर्भ होता है। ऑब्जेक्ट को निर्दिष्ट गुण चर नहीं हैं और var कीवर्ड से परिभाषित नहीं हैं।
Example -उदाहरण 1
निम्नलिखित उदाहरण का प्रयास करें; यह दर्शाता है कि ऑब्जेक्ट कैसे बनाया जाए।
<html>
<head>
<title>User-defined objects</title>
<script type = "text/javascript">
var book = new Object(); // Create the object
book.subject = "Perl"; // Assign properties to the object
book.author = "Mohtashim";
</script>
</head>
<body>
<script type = "text/javascript">
document.write("Book name is : " + book.subject + "<br>");
document.write("Book author is : " + book.author + "<br>");
</script>
</body>
</html>
Output-
Book name is : Perl
Book author is : Mohtashim
Example -उदाहरण 2
यह उदाहरण दर्शाता है कि उपयोगकर्ता-परिभाषित फ़ंक्शन के साथ ऑब्जेक्ट कैसे बनाया जाए। यहां इस कीवर्ड का उपयोग उस ऑब्जेक्ट को संदर्भित करने के लिए किया जाता है जिसे किसी फ़ंक्शन में पास किया गया है।
<html>
<head>
<title>User-defined objects</title>
<script type = "text/javascript">
function book(title, author) {
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script type = "text/javascript">
var myBook = new book("Perl", "Mohtashim");
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
</script>
</body>
</html>
Output-
Book title is : Perl
Book author is : Mohtashim
किसी वस्तु के लिए विधियों को परिभाषित करना
पिछले उदाहरण प्रदर्शित करते हैं कि कैसे कंस्ट्रक्टर ऑब्जेक्ट बनाता है और गुण निर्दिष्ट करता है। लेकिन हमें किसी वस्तु की परिभाषा को उसके तरीके बताकर पूरा करने की आवश्यकता है।
Example -उदाहरण
निम्नलिखित उदाहरण का प्रयास करें; यह दिखाता है कि किसी ऑब्जेक्ट के साथ फ़ंक्शन कैसे जोड़ना है।
<html>
<head>
<title>User-defined objects</title>
<script type = "text/javascript">
// Define a function which will work as a method
function addPrice(amount) {
this.price = amount;
}
function book(title, author) {
this.title = title;
this.author = author;
this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type = "text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
Output-
Book title is : Perl
Book author is : Mohtashim
Book price is : 100
The 'with' Keyword -'के साथ' कीवर्ड
किसी वस्तु के गुणों या विधियों को संदर्भित करने के लिए 'साथ' कीवर्ड का उपयोग एक प्रकार के आशुलिपि के रूप में किया जाता है।
तर्क के रूप में निर्दिष्ट की गई वस्तु बाद में आने वाले ब्लॉक की अवधि के लिए डिफ़ॉल्ट वस्तु बन जाती है। वस्तु के गुणों और विधियों का उपयोग वस्तु का नाम लिए बिना किया जा सकता है।
Syntax -वाक्य - विन्यास
ऑब्जेक्ट के साथ सिंटैक्स इस प्रकार है -
with (object) {
properties used without the object name and dot
}
Example -उदाहरण
<html>
<head>
<title>User-defined objects</title>
<script type = "text/javascript">
// Define a function which will work as a method
function addPrice(amount) {
with(this) {
price = amount;
}
}
function book(title, author) {
this.title = title;
this.author = author;
this.price = 0;
this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type = "text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
Output-
Book title is : Perl
Book author is : Mohtashim
Book price is : 100
JavaScript Native Objects -जावास्क्रिप्ट मूल वस्तुएँ
जावास्क्रिप्ट में कई अंतर्निर्मित या मूल वस्तुएं हैं। ये ऑब्जेक्ट आपके प्रोग्राम में कहीं भी पहुंच योग्य हैं और किसी भी ऑपरेटिंग सिस्टम में चल रहे किसी भी ब्राउज़र में उसी तरह काम करेंगे।
यहां सभी महत्वपूर्ण जावास्क्रिप्ट की सूची दी गई है -
