Một hàm có thể mở rộng một lớp trong javascript không?

Từ khóa mở rộng có thể được sử dụng để mở rộng các đối tượng cũng như các lớp trong JavaScript. Nó thường được sử dụng để tạo một lớp là con của một lớp khác

cú pháp

class childclass extends parentclass {...}
class parentclass extends in-built object {...}

Ví dụ dưới đây mô tả cách một lớp con sử dụng các thuộc tính của lớp cha bằng cách sử dụng từ khóa extends và bằng cách tạo các đối tượng của lớp con. Ở ví dụ 1 ta thấy class Profile có 2 thuộc tính name và age. Bây giờ chúng ta sẽ thấy rằng lớp Sinh viên có được cả hai thuộc tính của lớp Hồ sơ bằng cách sử dụng từ khóa mở rộng với một thuộc tính ngôn ngữ được thêm vào và sau đó tất cả các thuộc tính được hiển thị

ví dụ 1. Trong ví dụ này, chúng tôi sử dụng từ khóa mở rộng

• Chương trình

  
  

  
  
  

  <script>

   

      // Declaring class

      class Profile { 

           

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  1

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  3

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  4_______1_______5

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  6

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  4_______1_______5

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  9

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0

  { name: 'Ankit', age: 20, marks: 50 }
  

  1

   

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0

  { name: 'Ankit', age: 20, marks: 50 }
  

  4

  { name: 'Ankit', age: 20, marks: 50 }
  

  5

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  4_______12_______7

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  4_______12_______9

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  5<script>1

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0

  { name: 'Ankit', age: 20, marks: 50 }
  

  1

   

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0<script>6

  { name: 'Ankit', age: 20, marks: 50 }
  

  5

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  4_______72_______9

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  4_______12_______9

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  5 3

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0

  { name: 'Ankit', age: 20, marks: 50 }
  

  1

   

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0 8

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  4_______12_______9

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  5    2

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0

  { name: 'Ankit', age: 20, marks: 50 }
  

  1

      

  { name: 'Ankit', age: 20, marks: 50 }
  

  1

   

      8

      9

  // Declaring class0

      // Declaring class2

      // Declaring class4

      // Declaring class6

           

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0// Declaring class9

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0    1    2

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  5_______74_______5

      

  { name: 'Ankit', age: 20, marks: 50 }
  

  1

   

      class Profile { 0

      class Profile { 2

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0class Profile { 4class Profile { 5 class Profile { 6_______1_______5class Profile { 8

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0class Profile { 4         1 class Profile { 6

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  5         4

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  0class Profile { 4         7 class Profile { 6_______1_______5

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  00

      

  { name: 'Ankit', age: 20, marks: 50 }
  

  1

  { name: 'Ankit', age: 20, marks: 50 }
  

  1

   

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  05

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  06

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  07_______1_______08

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  09_______1_______10

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  11

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  4_______1_______13

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  14

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  15

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  16

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  15

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  18

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  15

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  20

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  21

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  22

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

  23

• đầu ra.

  Name : Ankit Dholakia
  Age : 24
  Languages : Java,Python,PHP,JavaScript
  

ví dụ 2. Trong ví dụ này, chúng ta sẽ thấy cú pháp trải rộng có thể được sử dụng như thế nào để mở rộng hai đối tượng thành đối tượng thứ ba và hiển thị các thuộc tính chứa của cả hai đối tượng

Bạn có thể mở rộng một lớp bằng JavaScript không?

Một phương thức có thể mở rộng một lớp không?

Các lớp có thể có chức năng trong JavaScript không?

Làm cách nào để mở rộng hai lớp trong JavaScript?