ဤ၏ တန်ဖိုး

this ၏တန်ဖိုးသည် လက်ရှိ object ကို ညွှန်ပြသည်။ ဤတန်ဖိုးကို JavaScript တွင် ကျယ်ကျယ်ပြန့်ပြန့်အသုံးပြုသည်၊ ဥပမာ function များနှင့် OOP တွင်။

ဝါကျဖွဲ့ပုံ

javascriptthis.လက်ရှိ object;

ဥပမာ

အာရုံစိုက်မှုပြုတ်သွားသော input ၏တန်ဖိုးကို console တွင် this အသုံးပြု၍ ထုတ်ကြည့်ကြပါစို့။

html<input id="elem" value="စာသား">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
  console.log(this.value);
}

ဥပမာ

အာရုံစိုက်မှုမရှိသော input ၏တန်ဖိုးကို console တွင် this အသုံးပြု၍ ထုတ်ကြည့်ကြပါစို့။

html<input id="elem" value="စာသား">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
  console.log(this.value);
}

ဥပမာ

ယခု OOP တွင် this ကိုအသုံးပြုပုံကို ကြည့်ရှုကြပါစို့။ Student class ထဲတွင် ကျွန်ုပ်တို့၏ကျောင်းသား၏ အမည်နှင့်သူငယ်ချင်းအမည်ကို ပြသမည့် show function ကိုရေးကြပါစို့။

javascriptclass Student {
  name;
  surn;
  
  show() {
    return this.name + ' ' + this.surn;
  }
};
  
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());

ဤအကြောင်းကိုလည်း ကြည့်ပါ

  • function သို့ အကြောင်းအရာကို ချိတ်ဆက်ပေးသည့် bind method
  • function ကို အကြောင်းအရာနှင့်အတူ ခေါ်ယူသည့် call method
  • function ကို အကြောင်းအရာနှင့်အတူ ခေါ်ယူသည့် apply method