Object Prototypes trong JavaScript

Object Prototypes trong JavaScript

– Tất cả các object JavaScript kế thừa các properties và methods từ một prototype.

– Date objects kế thừa từ Date.prototype. Array objects kế thừa từ Array.prototype. Car objects thừa kế từ Car.prototype.

– Object.prototype nằm ở trên cùng (top) của chuỗi thừa kế prototype.

– Date objects, Array objects, và Car objects kế thừa từ Object.prototype.

– Ở bài viết trước Object Constructors trong JavaScript chúng ta đã biết rằng: không thể thêm property mới hay method mới ở bên ngoài một object constructor.

// Constructor function
function Car(in_brand, in_name, in_weight, in_color) {
    this.brand = in_brand;
    this.name = in_name;
    this.weight = in_weight;
    this.color = in_color;
}

// Tạo đối tượng myCar từ constructor Car
var myCar = new Car("Toyota", "Prius 2018", 850, "White");

– Nhưng nếu sử dụng property prototype thì điều đó hoàn toàn có thể và được thực hiện rất dễ dàng:

// CÓ THỂ thêm property mới vào một "constructor function"
// bằng cách sử dụng property "prototype"
Car.prototype.nation = "Japan";

myCar.nation;			//return Japan

// CÓ THỂ thêm method mới vào một "constructor function"
// bằng cách sử dụng property "prototype"
Car.prototype.getFullName = function() {
    return this.brand + " " + this.name;
};

myCar.getFullName();	//  return Toyota Prius 2018

Cảm ơn bạn đã theo dõi. Đừng ngần ngại hãy cùng thảo luận với chúng tôi!