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 0Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 1
Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 0Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 3
Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 4_______1_______5Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 6
Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 4_______1_______5Name : 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 0Name : 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 { 6Name : 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_______5Name : 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_______10Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 11
Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 4_______1_______13Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 14Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 15Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 16Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 15Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 18Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 15Name : Ankit Dholakia Age : 24 Languages : Java,Python,PHP,JavaScript 20Name : 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