Computer >> Máy Tính >  >> Lập trình >> Javascript

Siêu từ khóa trong JavaScript?

Siêu

siêu phẩm từ khóa được sử dụng để truy cập và gọi các hàm trên cha của một đối tượng. super.prop super [expr] các biểu thức có thể đọc được trong bất kỳ định nghĩa phương thức nào trong cả hai lớp và các đối tượng. Nó được sử dụng trong " mở rộng "class, sử dụng" kéo dài "từ khóa.

cú pháp

super(arguments);

Ví dụ

Trong ví dụ sau, các đặc điểm của lớp được gọi là " Người "đã được mở rộng sang một lớp khác có tên là" Sinh viên ". Trong cả hai lớp, chúng tôi đã sử dụng thuộc tính duy nhất. Đây " siêu Từ khóa "được sử dụng để truy cập thuộc tính từ lớp cha (Người) vào lớp học mở rộng (Sinh viên), trong khi " cái này "từ khóa" được sử dụng để truy cập vào lớp học mở rộng tài sản riêng.

<html>
<body>
<script>
   class Person {
      constructor(name, grade) {
         this.name = name;
         this.grade = grade;
      }
      goal() {
         return `${this.name} wants to become a crickter!`;
      }
      interest() {
         return `${this.name} interested in cricket !`;
      }
   }
   class Student extends Person {
      constructor(name, grade) {
         super(name, grade);
      }
      need() {
         return `${this.name} needs a cricket kit`;
      }
      career() {
         return `${super.interest()}
         ${super.goal()}
         ${this.need()}`;
      }
   }
   const student = new Student('Rishab pant', '7');
   document.write(student.career());
</script>
</body>
</html>

Đầu ra

Rishab pant interested in cricket !
Rishab pant wants to become a crickter!
Rishab pant needs a cricket kit