JavaScript အတန်းများ
ES6 ဟုလည်းလူသိများသော ECMAScript 2015 သည် JavaScript Classes ကိုမိတ်ဆက်ပေးခဲ့သည်။
JavaScript Classes များသည် JavaScript Objects အတွက် နမူနာများဖြစ်သည်။
JavaScript Class Syntax
class
အတန်းတစ်ခုဖန်တီးရန် အဓိကစကားလုံးကို အသုံးပြုပါ ။
အမည်ရှိ နည်းလမ်းကို အမြဲထည့် constructor()
ပါ
အထားအသို
class ClassName {
constructor() { ... }
}
ဥပမာ
class Car {
constructor(name, year) {
this.name = name;
this.year = year;
}
}
အထက်ဖော်ပြပါ ဥပမာသည် "ကား" ဟူသော အတန်းတစ်ခုကို ဖန်တီးပေးသည်။
အတန်းတွင် ကနဦးဂုဏ်သတ္တိနှစ်ခုရှိသည်- "အမည်" နှင့် "နှစ်" ။
JavaScript အတန်းသည် အရာဝတ္ထု တစ်ခုမဟုတ်ပါ ။
၎င်းသည် JavaScript အရာဝတ္ထုများအတွက် နမူနာပုံစံ တစ်ခုဖြစ်သည်။
Class ကိုအသုံးပြုခြင်း။
သင့်တွင် class တစ်ခုရှိသောအခါ၊ သင်သည် အရာဝတ္ထုများဖန်တီးရန် class ကိုသုံးနိုင်သည်။
ဥပမာ
let myCar1 = new Car("Ford", 2014);
let myCar2 = new Car("Audi", 2019);
အထက်ဖော်ပြပါ ဥပမာသည် Car object နှစ်ခုဖန်တီးရန် Car class ကိုအသုံးပြုသည် ။
အရာဝတ္တုအသစ်တစ်ခုဖန်တီးသောအခါတွင် constructor method ကိုအလိုအလျောက်ခေါ်သည်။
Constructor Method
constructor method သည် အထူးနည်းလမ်းဖြစ်သည်။
- ၎င်းသည် "တည်ဆောက်သူ" အမည်အတိအကျရှိရမည်၊
- အရာဝတ္ထုအသစ်တစ်ခုကို ဖန်တီးသောအခါ ၎င်းကို အလိုအလျောက်လုပ်ဆောင်သည်။
- အရာဝတ္ထုဂုဏ်သတ္တိများကို အစပြုရန် ၎င်းကို အသုံးပြုသည်။
constructor method ကို မသတ်မှတ်ပါက JavaScript သည် ဗလာ constructor method ကို ထည့်ပါမည်။
အတန်းနည်းလမ်းများ
Class method များကို object method များကဲ့သို့ syntax ဖြင့် ဖန်တီးထားပါသည်။
class
အတန်းတစ်ခုဖန်တီးရန် အဓိကစကားလုံးကို အသုံးပြုပါ ။
constructor()
နည်းလမ်းတစ်ခု ကို အမြဲထည့်ပါ ။
ထို့နောက် မည်သည့်နည်းလမ်းကိုမဆို ထည့်ပါ။
အထားအသို
class ClassName {
constructor() { ... }
method_1() { ... }
method_2() { ... }
method_3() { ... }
}
ကားအသက်ကို ပြန်ပေးသည့် "အသက်" ဟု အမည်ပေးထားသည့် အတန်းနည်းလမ်းတစ်ခု ဖန်တီးပါ-
ဥပမာ
class Car {
constructor(name, year) {
this.name = name;
this.year = year;
}
age() {
let date = new Date();
return date.getFullYear() - this.year;
}
}
let myCar = new Car("Ford", 2014);
document.getElementById("demo").innerHTML =
"My car is " + myCar.age() + " years old.";
သင်သည် အတန်းအစားနည်းလမ်းများသို့ ကန့်သတ်ချက်များ ပေးပို့နိုင်သည်-
ဥပမာ
class Car {
constructor(name, year) {
this.name = name;
this.year = year;
}
age(x) {
return x - this.year;
}
}
let date = new Date();
let year = date.getFullYear();
let myCar = new
Car("Ford", 2014);
document.getElementById("demo").innerHTML=
"My car is
" + myCar.age(year) + " years old.";
Browser ပံ့ပိုးမှု
အောက်ပါဇယားသည် JavaScript ရှိ Classes အတွက် အပြည့်အဝပံ့ပိုးမှုဖြင့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်သည်-
Chrome 49 | Edge 12 | Firefox 45 | Safari 9 | Opera 36 |
Mar, 2016 | Jul, 2015 | Mar, 2016 | Oct, 2015 | Mar, 2016 |
ဤကျူတိုရီရယ်တွင် နောက်ပိုင်းတွင် JavaScript Classes အကြောင်းကို သင်ပိုမိုလေ့လာနိုင်ပါမည်။