JavaScript Class super
ความหมายและการใช้งาน
คีย์เวิร์ดใช้เพื่อเรียกคอน สตsuper
รัคเตอร์ของคลาสพาเรนต์เพื่อเข้าถึงคุณสมบัติและวิธีการของพาเรนต์
เคล็ดลับ:เพื่อให้เข้าใจแนวคิด "การสืบทอด" (คลาสพาเรนต์และย่อย) ดีขึ้น ให้อ่านJavaScript Classes Tutorialของเรา
ตัวอย่าง
สร้างคลาสชื่อ "โมเดล" ซึ่งจะสืบทอดเมธอดจากคลาส "รถยนต์" โดยใช้extends
คีย์เวิร์ด
การเรียกsuper()
เมธอดในเมธอด Constructor เราเรียกเมธอด Constructor ของพาเรนต์ และเข้าถึงคุณสมบัติและเมธอดของพาเรนต์:
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
เป็นคุณลักษณะ ECMAScript6 (ES6)
ES6 (JavaScript 2015) ได้รับการสนับสนุนในเบราว์เซอร์ที่ทันสมัยทั้งหมด:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
super
ไม่รองรับใน Internet Explorer 11 (หรือเก่ากว่า)
ไวยากรณ์
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
รายละเอียดทางเทคนิค
เวอร์ชันจาวาสคริปต์: | ECMAScript 2015 (ES6) |
---|
หน้าที่เกี่ยวข้อง
บทช่วยสอน JavaScript: คลาส JavaScript
บทช่วย สอน JavaScript: JavaScript ES6 (EcmaScript 2015)
การอ้างอิง JavaScript: ส่วนขยายคำหลัก
การอ้างอิง JavaScript: ตัวสร้าง () วิธีการ