JavaScript objects in Hindi Part 15
JavaScript objects
- Introduction to JavaScript objects in Hindi
- Creating JavaScript objects in Hindi
- Some common JavaScript objects in Hindi
Introduction to JavaScript objects
Object oriented programming किसी भी programming language का एक बहुत ही important feature है। एक object कुछ properties और methods को एक जगह bind करने के लिए यूज़ किया जाता है। ये properties और methods किसी single entity को represent करती है।
JavaScript आपको built in objects provide करती है। जैसे की JavaScript में strings objects है। आप कोई भी string variable create करके उससे related properties और methods यूज़ कर सकते है। उदाहरण के लिए आप किसी भी string variable के साथ length property access करके string की length पता कर सकते है।
Objects को यूज़ करने के लिए आपको कुछ अलग से सिखने की जरुरत नहीं है। आपने अभी तक जितने भी JavaScript program बनाए है उनमें objects को जरूर यूज़ किया होगा। उदाहरण के लिए नीचे दिए हुए statement को देखिये।
इस statement में document एक object और write() एक method होता है। इस method को access करने के लिए document object का इस्तेमाल किया जाता है।
इस उदाहरण में object किसी variable की तरह create किया गया है। Curly brackets में properties के नाम और values को colon से separate किया गया है। और हर pair को comma (,) से separate किया गया है। किसी भी property की value को access object के नाम के आगे dot (.) operator लगाकर और फिर property का नाम लिखकर कर सकते है। जैसे की
Single statement में object create करना सबसे easy तरीका है।
var str= "Hello reader!";
document.write(str); |
Objects को यूज़ करने के लिए आपको कुछ अलग से सिखने की जरुरत नहीं है। आपने अभी तक जितने भी JavaScript program बनाए है उनमें objects को जरूर यूज़ किया होगा। उदाहरण के लिए नीचे दिए हुए statement को देखिये।
इस statement में document एक object और write() एक method होता है। इस method को access करने के लिए document object का इस्तेमाल किया जाता है।
Creating objects in JavaScript
ज्यादातर programming languages में objects एक ही तरीके से create किये जाते है। JavaScript में आप objects 3 तरह से create कर सकते है। पहले तरीके में आप object का नाम लिखते है और curly brackets में properties और उनकी values को colon से separate करते है। दूसरे तरीके में new keyword के द्वारा एक object instance create किया जा सकता है। तीसरे तरीके में object constructor यूज़ किया जाता है। इन सभी तरीकों के बारे में निचे detail से दिया जा रहा है।Creating objects in single statement
आप चाहे तो JavaScript में objects किसी variables की तरह एक single statement में create कर सकते है। इसका उदाहरण निचे दिया जा रहा है।
var obj1 = {Name:"yourName",Age:24};
|
इस उदाहरण में object किसी variable की तरह create किया गया है। Curly brackets में properties के नाम और values को colon से separate किया गया है। और हर pair को comma (,) से separate किया गया है। किसी भी property की value को access object के नाम के आगे dot (.) operator लगाकर और फिर property का नाम लिखकर कर सकते है। जैसे की
Single statement में object create करना सबसे easy तरीका है।
Creating objects with new keyword
इस तरीके में पहले new keyword के साथ object create कर लिया जाता है। बाद में object के नाम के आगे dot (.) operator लगाकर property का नाम और values define की जाती है। ज्यादातर programming languages में इसी तरीके से objects create किये जाते है। इसका उदाहरण नीचे दिया जा रहा है।
<html>
<head> <title>Java Script New Keyword Demo</title> </head> <body> <script type="text/javascript"> var obj1 = new Object(); </html> |
इस तरीके में भी values को access करने का वही तरीका रहता है जो उपर बताया गया है। ऊपर दी गयी script निचे दिया गया web page generate करती है।
ऊपर दी गयी script निचे दिया गया web page generate करती है।
Creating objects using constructor
JavaScript में object create करने का ये तरीका थोड़ा complicated है। इस तरीके में एक function create किया जाता है जो properties की values को argument की तरह लेता है। ये function c language के किसी structure या C++ की classes की तरह काम करता है। और object create होने के लिए एक structure provide करता है। इस function का नाम object के नाम जैसा ही होता है। जब new keyword के साथ object create किया जाता है तो साथ ही properties की values भी pass की जाती है। ये values this keyword के द्वारा original properties को apply की जाती है। इसका उदाहरण नीचे दिया जा रहा है।
<html>
<head> <title>Java Script Objects Demo</title> <script type="text/javascript"> function Employee(name,age)
{
this.Name = name
this.Age = age;
}
</script>
</head> <body> <script type="text/javascript"> var obj1 = new Employee("Best Hindi Tutorials",20); document.write("Name is :"+obj1.Name+"<br>"); document.write("Age is :"+obj1.Age); </script> </body> </html> |
ऊपर दी गयी script निचे दिया गया web page generate करती है।
Some common built in JavaScript objects
JavaScript कुछ built in objects provide करती है जिनको programmers need के according यूज़ कर सकते है। इनमें से कुछ objects के बारे में मै आपको पहले भी बता चूका हूँ। आइये इनके बारे में और जानते है।
JavaScript array objects
जैसा की मैने आपको पहले बताया JavaScript में arrays objects है। Arrays create करके आप उससे related सभी properties और methods को किसी object की properties की तरह ही access कर सकते है। जैसे की किसी भी array की length property को call करके आप उस array की length display करवा सकते है। JavaScript array objects के बारे में और अधिक जानने के लिए आप JavaScript arrays in Hindi tutorial से प्राप्त कर सकते है।
JavaScript string objects
JavaScript में strings भी objects ही है। किसी भी string को object की तरह यूज़ करते हुए आप उससे related सभी properties और methods को access कर सकते है। जैसे की आप concat(str) method call करके 2 strings को combine कर सकते है। JavaScript string objects के बारे में और अधिक जानकारी आप JavaScript strings in Hindi tutorial से प्राप्त कर सकते है।
JavaScript Date object
JavaScript date object से आप year, month और day display करवा सकते है। Date object बहुत से methods provide करता है जो की अलग अलग तरह से यूज़ किये जा सकते है। Date object 4 constructors provide करता है जो अलग अलग तरह के objects create करने के लिए यूज़ किये जाते है। Date object के कुछ important methods के बारे में नीचे दिया जा रहा है।
Date object के बारे में और अधिक information आप JavaScript Date object in Hindi tutorial से प्राप्त कर सकते है।
getDay()
|
ये method week का एक day number display करता है।
|
getMonth()
|
इस method से आप 1 से 12 तक का कोई भी month display कर सकते है।
|
getFullYear()
|
इस method से 4 digit का कोई भी year display किया जाता है।
|
getDate()
|
इस method से आप 1 से 31 तक कोई भी date display कर सकते है।
|
getHours()
|
ये method current time hours में display करता है।
|
getMinutes()
|
ये method current time की minutes display करता है।
|
getSeconds()
|
ये method current time की seconds display करता है।
|
JavaScript Math object
JavaScript मेæ#2306; mathematical operations perform करने के लिए JavaScript math objects provide करती है। इन objects से आप methods call कर सकते है जो की अलग अलग operations के लिए यूज़ किये जाते है। इनके बारे में नीचे दिया जा रहा है।
ये method randomly कोई भी number generate करता है।
|
|
ये method किसी भी दशमलव संख्या को next whole number में return करता है।
|
|
ये method किसी भी दशमलव संख्या को previous whole number में return करता है।
|
|
ये method किसी भी दशमलव संख्या को सबसे पास के whole number में convert करके भेजता है।
|
|
ये method parameter की absolute value return करता है।
|
Math object के बारे में और अधिक information आप JavaScript Math Object in Hindi tutorial से प्राप्त कर सकते है।
No comments:
Post a Comment