JavaScript Class extends คำถาม
- หน้าก่อนหน้า constructor()
- หน้าต่อไป static
- กลับไปหน้าขึ้นหนึ่ง คู่มืออ้างอิง JavaScript Class
การใช้งานและการเขียน
extends คำถามใช้สร้างรุ่นลูกของรุ่นอื่น (พ่อรุ่น)
รุ่นลูกที่มีทุกวิธีของรุ่นอื่น
การขึ้นทอดเป็นสิ่งที่มีประโยชน์ต่อการรีไซเคิลโค้ด ขณะที่สร้างรุ่นใหม่ จะทำการรีไซเคิลคุณสมบัติและวิธีของรุ่นที่มีอยู่แล้ว
หมายเหตุ：จากตัวอย่างด้านบนเห็นได้super() วิธีที่อ้างอิงต่อวิธีพ่อของวิธี โดยเรียก super() วิธี，ที่เราจะเรียกวิธีการสร้างของพ่อของวิธี และสามารถเข้าถึงคุณสมบัติและวิธีของพ่อของวิธี
ตัวอย่าง
สร้างรายชื่อ "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();
ภาษาเขียน
class childClass extends parentClass
รายละเอียดเทคโนโลยี
| JavaScript รุ่น： | ECMAScript 2015 (ES6) |
|---|
การสนับสนุนโปรแกรมบราวเซอร์
| คำถาม | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| extends | 49.0 | 13.0 | 45.0 | 9.0 | 36.0 |
หน้าที่เกี่ยวข้อง
JavaScript รายวิธี：JavaScript Class
JavaScript รายวิธี：JavaScript ES6 (EcmaScript 2015)
คู่มืออ้างอิง JavaScript:คำว่า super
คู่มืออ้างอิง JavaScript:เมธ็อด constructor()
- หน้าก่อนหน้า constructor()
- หน้าต่อไป static
- กลับไปหน้าขึ้นหนึ่ง คู่มืออ้างอิง JavaScript Class
