ဂျက်တိုး အက်စ်

ECMAScript 2015 သို့မဟုတ် ES6 ဟု ခေါ်သည်

JavaScript အမျိုးစား သည် JavaScript အမျိုးအစား အစားထိုး ဖြစ်သည်。

JavaScript အမျိုးအစား

အပိုအဖို

သင် သက်သေ သုံးပြုရန် class အမျိုးအစား ဖန်တီးရန်

အမျိုးအစား ကို အပိုအဖို constructor() အမျိုးအစား ကို အပိုအဖို

အပိုအဖို

class ClassName {
  constructor() { ... }
}

အက်ရှိုး

class Car {
  constructor(name, year) {
    this.name = name;
    this.year = year;
  }
}

အထူးအချက်အလက်

အမျိုးအစား အတွက် အစားထိုး အခွင့်အရေး နှင့် "name" နှင့် "year" အမည်ရှိ အခွင့်အရေး နှစ်ခု ရှိသည်。

ဂျက်တိုး အက်စ်မဟုတ်အမျိုးအစား

အမျိုးအစား သည် အခြား JavaScript အမျိုးအစား အားစာရင်း。

အမျိုးအစား အသုံးပြုခြင်း

သင် အမျိုးအစား တစ်ခု ရှိလျှင် သင် အမျိုးအစား ကို အမျိုးအစား အသုံးပြုနိုင်သည်:

အက်ရှိုး

let myCar1 = new Car("Ford", 2014);
let myCar2 = new Car("Audi", 2019);

亲自试一试

အထူးအချက်အလက် Car အမျိုးအစားတစ်ခု ဖန်တီးခဲ့သည် Car အမျိုးအစား。

အမျိုးအစား တစ်ခု ဖန်တီးခြင်း အချိန်တွင် အမျိုးအစား constructor အမျိုးအစား ကို အချက်အလက် အသုံးပြုသည်。

Constructor အမျိုးအစား

အမျိုးအစား စနစ် သည် အမျိုးအစား အသုံးပြုခြင်း တစ်ခု

  • သင် အမျိုးအစား "ကုဒ္ဒရာ" အမည် တခု ရှိပါသည်
  • အမျိုးအစား ဖန်တီးခြင်း အချိန်တွင် သင့် ကို အသုံးပြုရန်
  • အမျိုးအစား အခွင့်အရေး စတင်လုပ်ဆောင်ရန်
  • အမျိုးအစား မည်သည် မပြောဆိုလျှင် JavaScript က မတ်တပ် အမျိုးအစား စနစ် ကို ထပ်ပေါင်းပေးသည်。

Class အမျိုးအစား

အမျိုးအစား စနစ် ဖန်တီးခြင်း

အပိုအဖို

အမျိုးအစား စနစ် များ နှင့် အတူ

သင် သက်သေ သုံးပြုရန် 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.";

亲自试一试

浏览器支持

下表注明了首个完全支持 JavaScript 类的浏览器版本：

Chrome IE Firefox Safari Opera
Chrome 49 Edge 12 ဖက်ဒရစ် 45 ဆာဖီ 9 အိုပရာ 36
2016 ခုနှစ် မေလ 2015 ခုနှစ် ဇွန်လ 2016 ခုနှစ် မေလ 2015 ခုနှစ် နိုဝင်ဘာလ 2016 ခုနှစ် မေလ

ဒီ စက္ခုပညာအသင်းမှာ ဂျစ်တိုက် ကို အခြေခံ အရာများ လေ့လာပြီး ပြီးနောက် ဂျစ်တိုက် အမျိုးများ အကြောင်း ပြီးခဲ့သည်။