Nguyên mẫu mảng JavaScript
Thí dụ
Tạo một phương thức biến đổi các giá trị mảng thành chữ hoa:
Array.prototype.myUcase = function() {
for (let i = 0; i < this.length; i++) {
this[i] = this[i].toUpperCase();
}
};
Sử dụng phương thức trên bất kỳ mảng nào:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.myUcase();
Định nghĩa và Cách sử dụng
prototype
cho phép bạn thêm các thuộc tính và phương thức mới vào mảng.
prototype
là một thuộc tính có sẵn với tất cả các đối tượng JavaScript.
Cú pháp
Array.prototype.name = value
Cảnh báo
Bạn không nên thay đổi nguyên mẫu của một đối tượng mà bạn không kiểm soát.
Bạn không nên thay đổi nguyên mẫu của các kiểu dữ liệu JavaScript được tích hợp sẵn như:
- Con số
- Dây
- Mảng
- ngày
- Booleans
- Chức năng
- Các đối tượng
Chỉ thay đổi nguyên mẫu của các đối tượng của riêng bạn.
Thuộc tính nguyên mẫu
Thuộc tính JavaScript prototype
cho phép bạn thêm các thuộc tính mới vào các đối tượng:
Thí dụ
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.eyeColor = eyecolor;
}
Person.prototype.nationality = "English";
Hỗ trợ trình duyệt
prototype
là một tính năng ECMAScript1 (ES1).
ES1 (JavaScript 1997) được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |