ဂျို့တို့ အစိတ်အပျက် သဘောတရ

ကိုယ်စားပြုရာတွင် ဖန်တီး

ကိုယ်စားပြုရာတွင် ဖန်တီးရန် သုံးပါလျှင်: extends အကြိမ်အချိန်

ကိုယ်စားပြုရာတွင် ဖန်တီးထားသော အကြီးအကျယ် အုပ်စု က အခြား အကြီးအကျယ် အုပ်စု ရဲ့ စမ်းသပ်မှုများ အား ထိုးချီးပါသည်:

အမှုထမ်း

ကိုယ်စားပြုရာတွင် 'Model' အမည်ရှိ အကြီးအကျယ် အုပ်စု ကို ဖန်တီးပြီး သူ့ကို 'Car' အကြီးအကျယ် အုပ်စု ရဲ့ စမ်းသပ်မှုများ ကို သုံးနိုင်ပါသည်:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'ကျော်စော်လျှောက်ချက် ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}
let myCar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = myCar.show();

ကျွန်ုပ်ကိုယ်ဖြင့် စမ်းသပ်ပါ

super() 方法引用父类。

通过在 constructor 方法中调用 super() မီဒီယာ အချက်အလက် နှင့် မီဒီယာ မီဒီယာ ကို အသုံးပြုပါ:

ကြောက်သော အချက်အလက် အသုံးပြုရာ၌ အခြား အမျိုးအစား ကို အသုံးပြုရာ၌ အသုံးပြုပါ: အခါအချိန် အခါအချိန် အချက်အလက် ကို အသုံးပြုပါ:

Getter နှင့် Setter

အမျိုးအစား သည် getter နှင့် setter ကို အသုံးပြုပါ:

getter နှင့် setter ကို အသုံးပြုပါက အများအပြား အမြန်မြန် ဖြစ်ပါ၊ သင့် အချက်အလက် ကို ပြန်လည်ပြောင်းလဲခြင်း မှာ အခြား အရာများ ပြုပြင်ခြင်း ကို ပြုပါ:

သင့် အမျိုးအစား အတွက် getter နှင့် setter ကို အသုံးပြုရန် အရိုးအရိုး ကို အသုံးပြုပါ: get နှင့် set အကြိမ်အချိန်

အမှုထမ်း

"carname" အချက်အလက် အတွက် getter နှင့် setter ကို ဖန်တီးပေးပါ:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  get cnam() {
    return this.carname;
  }
  set cnam(x) {
    this.carname = x;
  }
}
let myCar = new Car("Ford");
document.getElementById("demo").innerHTML = myCar.cnam;

ကျွန်ုပ်ကိုယ်ဖြင့် စမ်းသပ်ပါ

ဖော်ပြချက်getter မီဒီယာ သည် မီဒီယာ အသုံးပြုရာ၌ အက်စ်အက်စ် မပါဘဲ သင့် အချက်အလက် အသုံးပြုပါ:

getter/setter မီဒီယာ အမည် သင့် အချက်အလက် အမည် နှင့် ကွဲပြားပါ၊ အမှတ်အသား အရာမှာ carname。

အချို့ ပညာရှင် ကုံးကျူးသည့် အချက်အလက် အရိုးအရိုး အရှိုး ကို အသုံးပြုပါ:

အမှုထမ်း

သင့် အောက်ခုံးအချက်အလက် ကို ကုံးကျူးသည့် ကုံးသတ်တည်း နှင့် အပြည့်အဝင် ကွဲပြားစေရန် အောက်ခုံးအချက်အလက် အရိုးအရိုး ကို အသုံးပြုပါ:

class Car {
  constructor(brand) {
    this._carname = brand;
  }
  get carname() {
    return this._carname;
  }
  set carname(x) {}}
    this._carname = x;
  }
}
let myCar = new Car("Ford");
document.getElementById("demo").innerHTML = myCar.carname;

ကျွန်ုပ်ကိုယ်ဖြင့် စမ်းသပ်ပါ

setter ကို အသုံးပြုရာ၌ ကျူးးကျူးကုံးသတ်တည်း အသုံးပြုသည့် ပြုအမိန့် ကို အက်စ်အက်စ် မပါဘဲဖြစ်ပါ:

အမှုထမ်း

သုံးပြီး ကောင်းသည့် အမည် "Volvo" ကို ကုန်းကျူးသည့် ကုံးသတ်တည်းကို ပြောင်းလဲပေးသည်:

class Car {
  constructor(brand) {
    this._carname = brand;
  }
  get carname() {
    return this._carname;
  }
  set carname(x) {}}
    this._carname = x;
  }
}
let myCar = new Car("Ford");
myCar.carname = "Volvo";
document.getElementById("demo").innerHTML = myCar.carname;

ကျွန်ုပ်ကိုယ်ဖြင့် စမ်းသပ်ပါ

အမှုထမ်း

ပုံစံ နှင့် အခြား ဂျပ်တိုက် ဖော်ပြချက် များ နှင့် မည်သည်မျှ အသုံးပြုခြင်း အချိန်တွင် အမှား မရှိပါ သည်။

ဤအချက်က အမှုထမ်း ဖြစ်သည်။

အမှုထမ်း

//ဤအချက်က အမှား ဖြစ်ပါသည်。
//myCar = new Car("Ford")
//ဤအချက်က အမှား ဖြစ်ပါသည်。
class Car {
  constructor(brand) {
    this.carname = brand;
  }
}
//ဤအချက်က အမှား ဖြစ်ပါသည်。
let myCar = new Car("Ford")

ကျွန်ုပ်ကိုယ်ဖြင့် စမ်းသပ်ပါ

ဖော်ပြချက်အခြား ဖော်ပြချက်များ နှင့်ပတ်သတ် သည် အသုံးပြုခြင်း အချိန်တွင် အမှား မရှိပါ သည်။ ဂျပ်တိုက် ဖော်ပြချက် သည် အခြေခံ ဖြင့် ဖြစ်သည်။