วิธีการ constructor ของ JavaScript Class

การประกาศและวิธีใช้

constructor() วิธีประกาศเป็นวิธีประกาศพิเศษที่ใช้เพื่อสร้างและตั้งค่าออบเจกที่สร้างในหน่วยงาน

ขณะที่เริ่มต้นหน่วยงานconstructor() ขั้นตอนนี้จะถูกเรียกโดยอัตโนมัติ และต้องใช้ชื่อที่เฉพาะตัว "constructor" ตามเอกสาร ในขณะที่คุณไม่มีวิธีประกาศเกือบว่าไม่มีวิธีประกาศ จาวาสคริปต์จะเพิ่มวิธีประกาศที่ไม่มีที่มาต้นแบบ

จำเป็นหน้าประกาศไม่สามารถใช้ constructor() มากกว่าหนึ่งครั้ง นี่จะทำให้เกิด SyntaxError SyntaxErrorได้

คุณสามารถใช้ super() วิธีเรียกเมธอดเรียกใช้กลุ่มบิดา (ดูตัวอย่างเพิ่มเติมด้านล่าง)

ตัวอย่าง

ตัวอย่าง 1

สร้างหน้าประกาศ Car แล้วสร้างตัวประกาศชื่อ "mycar" บนหน้าประกาศ Car นี้:

class Car {
  constructor(brand) {  // Constructor
    this.carname = brand;
  }
}
mycar = new Car("Ford");

ทดลองด้วยตัวเอง

ตัวอย่าง 2

เพื่อสร้างการสืบทอดหน้าประกาศ ใช้ extends คำสั่ง

หน้าประกาศที่สร้างด้วยการสืบทอดจากหน้าประกาศจะสืบทอดทุกวิธีจากหน้าประกาศอื่น

สร้างหน้าประกาศชื่อ "Model" ที่จะสืบทอดวิธีจากหน้าประกาศ "Car":

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

ทดลองด้วยตัวเอง

super() อ้างอิงกลุ่มบิดา

โดยเรียกเมธอดในวิธีสร้างตัวเรียก super() วิธีนี้เรียกเมธอดเรียกใช้กลุ่มบิดา และสามารถเข้าถึงคุณสมบัติและวิธีของกลุ่มบิดาได้

ภาษาบวก

constructor(ปริมาณ)

รายละเอียดเทคโนโลยี

JavaScript รุ่น: ECMAScript 2015 (ES6)

การสนับสนุนโปรแกรมนำ

วิธี Chrome IE Firefox Safari Opera
constructor() 49.0 13.0 45.0 9.0 36.0

เพจที่เกี่ยวข้อง

JavaScript ตัวเรียกJavaScript Class

JavaScript ตัวเรียกJavaScript ES6 (EcmaScript 2015)

คู่มือสารประกาศ JavaScriptคำกำหนด extends

คู่มือสารประกาศ JavaScriptคำกำหนด super