Tầm quan trọng của Prototype trong Javascript không phải ai cũng biết

Cùng tìm hiểu Prototype là gì?

Prototype javascript là gì?

function Student() {

    this.name = 'John';

    this.gender = 'M';

}

Student.prototype.age = 15;

var studObj1 = new Student();

alert(studObj1.age); // 15

var studObj2 = new Student();

alert(studObj2.age); // 15

Prototype dùng để làm gì?

Cách thức hoạt động của prototype là gì? 

Thêm thuộc tính prototype cho đối tượng

Cách tìm kiếm prototype property của Javascript engines

Một đoạn prototype trong Javascript

Sự quan trọng của prototype Javascript là gì?

Mang tính kế thừa trong Javascript

Tiến hành truy cập vào thuộc tính đối tượng prototype chain

 Nên sử dụng prototype khi nào và ở đâu?

Prototype đối với Javascript vô cùng quan trọng

Các lưu ý khi sử dụng prototype là gì?

• Trong Javascript một hàm sẽ được gọi là một object và hàm sẽ  có thuộc tính prototype, bản thân thuộc tính prototype này lại mang giá trị của một object. 
• Nếu như bạn sử dụng hàm để tạo ra một mẫu nhằm khởi tạo đối tượng, thì việc thêm các thuộc tính hoặc phương thức vào thuộc tính prototype của hàm khởi tạo để tiến hành kế thừa hoàn toàn áp dụng được. Những đối tượng con được tạo ra bởi hàm khởi tạo đều sẽ mang giá trị có trong thuộc tính prototype của hàm này. 
• Những object trong Javascript sẽ được gọi với khái niệm prototype attribute. Đây là đặc tính có giá trị trỏ tới prototype object mà nó được kế thừa thuộc tính. Khi đó, ta có thể sử dụng thuộc tính _proto_ rồi truy cập tới prototype object. 

Hướng dẫn cách tạo ra một prototype

/Tạo ra 1 mẫu khởi tạo, cũng là tạo ra 1 prototype object

function Person(_age, _name){

   this.age = _age;

   this.name = _name;

}

//Có thể thêm thuộc tính vào thuộc tính prototype của hàm khởi tạo

Person.prototype.height = 0;

//Tạo ra 1 instance của Person

//Có cả 3 thuộc tính của mẫu khởi tạo Person

var jack_person = new Person(10, "Jack");

for (var att in jack_person){

   console.log(att);

}

//Xem đối tượng prototype của instance vừa tạo

jack_person.__proto__;

Cách tạo ra Prototype

 Tổng kết