This Keyword in Javascript
this keyword, javascript में अधिक तर उपयोग होने वाली keyword है | इस article में हम this keyword क्या है और इसे कैसे उपयोग करतें हैं वो समझेंगे |
जैसे normal english language में this word किसी चीज को represent करता है | वैसे ही javascript में this keyword उस object या method को represent करता है जिसके अंदर इसे लिखी गयी है |
javascript this keyword का उपयोग क्या है?
javascript this keyword को कई तरह से उपयोग की जा सकती है |
- अगर ऐसे ही this keyword को लिखी जाये तो ये global object को represent करेगा | यानि ये window object को refer करेगा |
- किसी normal function के अंदर लिखी जाये तब भी ये global object यानि window object को refer करेगा |
- किसी object के अंदर इसे लिखी जाये, उसके अंदर के property या method को access करने के लिए | तब this keyword local object को refer करता है | यानि जीस object के अंदर इसे लिखी गयी है, this keyword उसे ही represent करता है |
अब इसके उपयोग को उदाहरण से समझेंगे |
<!doctype html>
<html>
<head>
<title>this keyword in javascript</title>
</head>
<body>
<h2>This Keyword Tutorial</h2>
<script>
console.log(this);
</script>
</body>
</html>
output:
उदाहरण में देखिये हमने this keyword को direct, console. log से print किया है | तो output में ये window object return किया | यहाँ this, global object को refer कर रहा है |
अब हम एक normal function के अंदर this keyword का उदाहरण लेंगे |
<!doctype html>
<html>
<head>
<title>this keyword in javascript</title>
</head>
<body>
<h2>This Keyword Tutorial</h2>
<script>
function hello(){
console.log("Hello World");
console.log(this);
}
hello();
</script>
</body>
</html>
उदाहरण में देखिये हमने एक hello() नाम का function बनाया जिसमे “Hello World” message print करवाया है और उसके बाद this keyword को लिया है | पर यहाँ भी this keyword global object की तरह काम करेगा और window object को ही refer करेगा | output में इसका result देखें |
output:
अब हम एक javascript object बनायेंगे और उसमे this keyword का उपयोग समझेंगे |
<!doctype html>
<html>
<head>
<title>this keyword in javascript</title>
</head>
<body>
<h2>This Keyword Tutorial</h2>
<script>
var student = {
firstName:"Asha",
lastName : "Kumari",
subject: "Science",
fullName : function(){
console.log("FulName is: " + this.firstName +" "+ this.lastName);
}
}
student.fullName();
</script>
</body>
</html>
उदाहरण में हमने एक student नाम का object बनाया है | उसमे कुछ properties डालें हैं और fullName का method बनाया है | और उस method में student का पूरा नाम दिखाना है | पूरा नाम के लिए firstName और lastName property की value चाहिए | जिसे हम this keyword की मदद से लेकर दिखा रहें हैं |
किसी object की property access करने के लिए object के नाम के जरिये property access की जाती है | पर student object के अंदर उसी की property को access करने के लिए student object को ही लिखने के वजाए this keyword से उस property को access कर सकते हैं | यहाँ this keyword, student object को ही represent कर रहा है |
this keyword को current object को refer करने के लिए उपयोग की जा सकती है |
output:
