ဂျို့တို့ အမျိုးအစား
- အရေးပါ ပါ JS ကွန်ပိုင်း
- နောက်ပိုင်း ပါ JS အမျိုးမျိုး တည်ဆောက်
အက်စ်စ် ၂၀၁၅ သို့မဟုတ် အက်စ်စ် ၆ သည် ဂျစ်တိုက် အက်စ်စ် ကို အပြင်းအထန် ပြင်ဆင်ခဲ့သည်
ဂျစ်တိုက် အက်စ်စ် ကို အက်စ်စ် အပိုင်းပိုင်း ပုံစံ
ဂျစ်တိုက် အက်စ်စ် ပေါ့ခါ
请使用关键字 class
创建一个类。
请始终添加一个名为 constructor()
စနစ် အမည်
ပြဋ္ဌာန်းအုပ်
class ClassName { constructor() { ... } }
အမှတ်
class Car { constructor(name, year) { this.name = name; this.year = year; } }
ဤ အစားအပြောင်းများ ကို "Car" အမည်ရှိ သဘောတရား စနစ် ကို ဖွဲ့စည်းပါသည်:
အသင် သဘောတရား စနစ် သည် အရေးပါသော အချက် နှစ်ခု ရှိပါသည်: "name" နှင့် "year"。
ဂျို့တို့ အမျိုးအစားမဟုတ်အရာအချက်
သဘောတရား စနစ် သည် JavaScript အရာအချက် ဖြစ်သည်:စံပြ.
သဘောတရား စနစ် အသုံးပြုခြင်း
သင် သဘောတရား စနစ် ကို ရရှိပြီးနောက် သင် အသင့် သဘောတရား စနစ် ကို အသုံးပြုပေးနိုင်ပါသည်:
အမှတ်
let myCar1 = new Car("Ford", 2014); let myCar2 = new Car("Audi", 2019);
ဤ အစားအပြောင်းများ ကို အသုံးပြုပါသည်: Car သဘောတရားကို တစ်ခုမှ နှစ်ခုမှ ဖွဲ့စည်းပေးရန် Car အရာအချက်.
အသင် အရာအချက် ကို ဖွဲ့စည်းပေးရာ အခါတွင် constructor စနစ် ကို အတည်ပြုပေးပါ。
constructor စနစ်
constructor စနစ် သည် အရေးပါသော စနစ် တစ်ခု ဖြစ်သည်:
- သင် အရာအချက် ကို အရေးပါသော အမည် "constructor" ကို ခံပါသည်。
- အသင် အရာအချက် ကို ဖွဲ့စည်းပေးရာ အခါတွင် အသုံးပြုပါ。
- အရာအချက် ကို စတင်သတ်မှတ်ပေးရန်
- သင် သဘောတရား စနစ် ကို ဖော်ပြခြင်း မရှိဘဲဖြစ်ခဲ့လျှင် JavaScript က ပုံမှန်သော constructor စနစ် ကို ထပ်ပေးပါသည်。
သဘောတရား စနစ်
သဘောတရား စနစ် စံပြစာ ကို အရာအရ စံပြစာ အသုံးပြုပါ。
သဘောတရား စနစ် ကို ဖွဲ့စည်းပေးရန် class သံသာဓေ ကို အသုံးပြုပါ。
constructor() စနစ် ကို လိုအပ်သည့်အတွက် ပြုပြင်ပေးပါ。
ပြီးတော့ လိုက်နာခြင်း ကို အပိုင်းအခြား အရာအရ ပြုပြင်ပေးနိုင်ပါသည်。
ပြဋ္ဌာန်းအုပ်
class ClassName { constructor() { ... } method_1() { ... } method_2() { ... } method_3() { ... } }
အသင် သဘောတရား စနစ် အမည်အဖြစ် "age" စနစ် စံပြစာမျက်နှာ ကို တီးပြီး အရောက်ရရှိသော အသင့် စနစ် ကို ပြန်ထုတ်ပြီး ကိုးကွယ်ပေးသည်:
အမှတ်
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.";
ဘရပ်သား ထောက်ပံ့မှု
ဤအော်တိုက်တွင် ဂျပန်စကားလုပ်ငန်းကို အထူးအောင်မြင်စွာ ထောက်ပံ့ပေးသော ဘရပ်သားပြန်ထုတ်ပြားများ အစားအပြောင်းများ ကို မှတ်ချက်ပြချက်တွင် ရှိပါသည်:
Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 49 | Edge 12 | Firefox 45 | Safari 9 | Opera 36 |
2016 ခုနှစ် မေလ | 2015 ခုနှစ် ဇွန်လ | 2016 ခုနှစ် မေလ | 2015 ခုနှစ် နိုဝင်ဘာလ | 2016 ခုနှစ် မေလ |
"use strict"
ကွန်ပိုင်း အရာများ အလိုအား ကွန်ပိုင်း ပေါ်တွင် ရေးသားပါကြလောက်။
ကွန်ပိုင်း ပေါ်တွင် မပြောဆိုဘဲ သတ်မှတ်ခဲ့လျှင် အမှား အစီအစဉ် ပေါ်ပေါက်ပါသည်。
အမှတ်
ကွန်ပိုင်း ပေါ်တွင် သုံးစွဲသော လူကြီး အရာ ကို မပြောဆိုဘဲ သတ်မှတ်ခဲ့လျှင် အမှား ပေါ်ပေါက်ပါသည်:
class Car { constructor(name, year) { this.name = name; this.year = year; } age() { // date = new Date(); // This will not work let date = new Date(); // This will work return date.getFullYear() - this.year; } }
တွင် JS ကွန်ပိုင်း ပြန်လည်ပေးသော ပညာရှင် နှင့် ပိုမိုကြည်ညာပြီး ပေါ်ထွင်းပါ
- အရေးပါ ပါ JS ကွန်ပိုင်း
- နောက်ပိုင်း ပါ JS အမျိုးမျိုး တည်ဆောက်