ການປ່ຽນສະນິດ JavaScript

ECMAScript 2015 ບໍ່ອາດຈະເອີ້ນວ່າ ES6 ໄດ້ນຳເອົາ JavaScript ວິທະຍາສາດ

JavaScript ວິທະຍາສາດແມ່ນຕົວຢ່າງຂອງ JavaScript ອັດສະລະພາບ

ພາສາ JavaScript ວິທະຍາສາດ

ກຳລັງສ້າງວິທີການ class. class ສ້າງວິກິດຍານ.

ກຳລັງສ້າງວິທີການຊື່ constructor() ວິທີການ:

ມູນວິທິງ

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

ຕົວຢ່າງ

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

ບົດຢ່າງດັ່ງກ່າວໃຊ້ໄດ້ສ້າງວິກິດຍານ "Car".

ວິກິດຍານດັ່ງກ່າວມີບັນດາລະບຽບສຳລັບລະບຸວິກິດຍານ: "name" ແລະ "year".

ການປ່ຽນສະນິດ JavaScriptບໍ່ແມ່ນເປັນວິກິດຍານ.

ມັນແມ່ນວິກິດຍານເປັນວິກິດຍານ JavaScriptຮູບແບບ.

ພາຍໃນວິກິດຍານ

ຖ້າທ່ານມີວິກິດຍານ, ທ່ານສາມາດສ້າງວິກິດຍານໃຫ້ວິກິດຍານ:

ຕົວຢ່າງ

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

ທຳການທີ່ຈະທົດລອງຕະຫລອດຄະນະ

ບົດຢ່າງດັ່ງກ່າວໃຊ້ Car ວິກິດຍານເພື່ອສ້າງສອງວິກິດຍານ Car ວິກິດຍານ.

ວິທີການການສ້າງວິກິດຍານ constructor method ຈະຖືກເອິດໃນຂະນະທີ່ສ້າງວິກິດຍານໃໝ່ (constructor method).

ວິທີການການສ້າງວິກິດຍານ

ວິທີການການສ້າງວິກິດຍານ constructor method ແມ່ນວິທີການທີ່ພິເສດ:

  • ມັນຕ້ອງມີຊື່ສະໜອງການສ້າງວິກິດຍານ "constructor"
  • ການກະຕຸ້ນສະໜອງວິກິດຍານໃນຂະນະທີ່ສ້າງວິກິດຍານໃໝ່
  • ສຳລັບການລະບຸບັນດາລະບຽບວິກິດຍານ
  • ຖ້າທ່ານບໍ່ໄດ້ມີການກໍານົດວິທີການການສ້າງວິກິດຍານ constructor(), JavaScript ຈະເພີ່ມວິທີການການສ້າງວິກິດຍານທີ່ບໍ່ມີຫຍັງ.

ວິທີການວິກິດຍານ

ມູນວິທິງວິທີການວິກິດຍານຄືກັບວິທີການວິກິດຍານເປັນວິກິດຍານ.

ກຳລັງສ້າງວິທີການ 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 =
"ຍານພະຍາບັນຂອງຂ້ອຍມີ " + myCar.age() + " ປີທີ່.";

ທຳການທີ່ຈະທົດລອງຕະຫລອດຄະນະ

ທ່ານສາມາດສົ່ງຄຳນວຍໃຫ້ວິທີການວິກິດຍານ:

ຕົວຢ່າງ

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=
"ຍານພະຍາບັນຂອງຂ້ອຍມີ " + myCar.age(year) + " ປີທີ່.";

ທຳການທີ່ຈະທົດລອງຕະຫລອດຄະນະ

ການສະໜັບສະໜູນບັນດາວັດຖຸ

ບັນທຶກໃນຕາຕະລາງລຸ່ມກັບບັນດາວັດຖຸທາງສາທາລະນະສຸກທີ່ເປັນການສະໜັບສະໜູນ JavaScript ແບບລະດັບທຳອິດ:

Chrome IE Firefox Safari Opera
Chrome 49 Edge 12 Firefox 45 Safari 9 Opera 36
2016 ປີ 3 2015 ປີ 7 2016 ປີ 3 2015 ປີ 10 2016 ປີ 3

"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 ການດຳເນີນງານຄຳສັ່ງຄົງຄວາມຄິດ ຕີພົບຫນັງຂອງ "ການດຳເນີນງານຄຳສັ່ງຄົງຄວາມຄິດ"