Làm việc với Inheritance to Code với các lớp học JavaScript - núm vú

Khi bạn tạo các đối tượng với JavaScript, bạn không chỉ giới hạn trong việc tạo ra các đối tượng cụ thể, chẳng hạn như guitar, xe hơi, con mèo, hoặc bánh sandwich của bạn. Vẻ đẹp thực sự của các đối tượng là bạn có thể sử dụng chúng để tạo ra các loại đối tượng, từ đó các đối tượng khác có thể được tạo ra.

Ở đây, một đối tượng người mới của kiểu Object được tạo ra. Đối tượng người mới này chứa tất cả các thuộc tính và phương thức mặc định của kiểu Object, nhưng với một tên mới. Sau đó, bạn có thể thêm thuộc tính và phương pháp của riêng mình vào đối tượng người để làm cho nó mô tả cụ thể ý của bạn.

var person = new Object (); người. mắt = 2; người. tai = 2; người. cánh tay = 2; người. tay = 2; người. chân = 2; người. chân = 2; người. loài = "Homo sapien";

Vì vậy, bây giờ bạn đã đặt một số đặc tính cụ thể của đối tượng người đó. Hãy tưởng tượng rằng bạn muốn tạo một đối tượng mới đó là một người cụ thể, như Willie Nelson. Bạn chỉ cần tạo một đối tượng mới gọi là willieNelson và cho nó tất cả các thuộc tính giống như đối tượng người, cộng với các thuộc tính tạo nên Willie Nelson độc đáo.

var willieNelson = đối tượng mới (); willieNelson. mắt = 2; willieNelson. tai = 2; willieNelson. cánh tay = 2; willieNelson. tay = 2; willieNelson. chân = 2; willieNelson. chân = 2; willieNelson. loài = "Homo sapien"; willieNelson. nghề nghiệp = "nhạc sĩ"; willieNelson. quê hương = "Austin"; willieNelson. tóc = "Long"; willieNelson. thể loại = "quốc gia";

Tuy nhiên, phương pháp xác định đối tượng willieNelson này là lãng phí. Nó đòi hỏi bạn phải làm rất nhiều công việc, và không có dấu hiệu ở đây là Willie Nelson là một người. Anh ấy chỉ xảy ra để có tất cả các tài sản giống như một người.

Giải pháp là tạo một kiểu đối tượng mới, gọi là Person và sau đó làm cho đối tượng willieNelson thuộc kiểu Person.

Lưu ý rằng tên của kiểu đối tượng luôn được viết hoa. Đây không phải là một yêu cầu, nhưng nó là một quy ước gần như phổ quát. Ví dụ, bạn có thể nói

var person = new Object ();

hoặc

var willieNelson = người mới ();

Xây dựng các đối tượng với các hàm xây dựng

Để tạo một kiểu đối tượng mới, bạn định nghĩa một hàm dựng hàm mới. Các hàm xây dựng được hình thành giống như bất kỳ hàm nào trong JavaScript, nhưng chúng sử dụng từ khoá này để gán thuộc tính cho một đối tượng mới. Đối tượng mới sau đó kế thừa các thuộc tính của kiểu đối tượng.

Đây là một hàm xây dựng cho kiểu đối tượng Person của chúng ta:

function Person () {this.mắt = 2; điều này. tai = 2; điều này. cánh tay = 2; điều này. tay = 2; điều này. chân = 2; điều này. chân = 2; điều này. Để tạo ra một đối tượng mới của kiểu Người bây giờ, tất cả những gì bạn cần làm là gán chức năng cho một biến mới. Ví dụ:

var willieNelson = new Person ()

Đối tượng willieNelson kế thừa các đặc tính của kiểu đối tượng Person. Mặc dù bạn không tạo ra bất kỳ thuộc tính nào cho đối tượng willieNelson, nhưng nó chứa tất cả các thuộc tính của Person.

Để kiểm tra điều này, chạy mã này trong một trình duyệt web.

Chức năng tính năng thừa kế Người () {this. mắt = 2; điều này. tai = 2; điều này. cánh tay = 2; điều này. tay = 2; điều này. chân = 2; điều này. chân = 2; điều này. loài = "Homo sapien";} var willieNelson = người mới (); cảnh báo ("Willie Nelson đã" + willieNelson, chân + "chân!");

Đây là kết quả của việc chạy mã này trong trình duyệt.

Người.

Willie Nelson là một Người.

Sửa đổi một loại đối tượng

Giả sử bạn có kiểu đối tượng Person, phục vụ như là nguyên mẫu cho một số đối tượng. Tại một số điểm bạn nhận ra rằng người, cũng như tất cả các đối tượng kế thừa từ nó, nên có một vài tài sản.

Để sửa đổi một đối tượng nguyên mẫu, sử dụng thuộc tính prototype mà mọi đối tượng thừa kế từ Object.

chức năng Người () {this. mắt = 2; điều này. tai = 2; điều này. cánh tay = 2; điều này. tay = 2; điều này. chân = 2; điều này. chân = 2; điều này. loài = "Homo sapien";} var willieNelson = người mới (); var johnnyCash = người mới (); var patsyCline = người mới (); // Người cần nhiều tài sản! Người. nguyên mẫu. đầu gối = 2; Người. nguyên mẫu. ngón chân = 10; Người. nguyên mẫu. khuỷu tay = 2; // Kiểm tra giá trị của các đối tượng hiện có cho tài liệu thuộc tính mới. viết (patsyCline. ngón chân); // kết quả đầu ra 10

Tạo đối tượng với đối tượng. tạo

Tuy nhiên, một cách khác để tạo các đối tượng từ các đối tượng khác là sử dụng Object. tạo ra phương pháp. Phương pháp này có lợi ích là không đòi hỏi bạn phải viết một hàm xây dựng. Nó chỉ sao chép các thuộc tính của một đối tượng được chỉ định vào một đối tượng mới. Khi một đối tượng kế thừa từ một đối tượng khác, đối tượng kế thừa từ nó được gọi là nguyên mẫu.

Ví dụ này cho thấy cách Object. tạo có thể được sử dụng để tạo ra đối tượng willieNelson từ một nguyên mẫu.

// tạo một Person Generate Person = {eyes: 2, arms: 2, feet: 2} // tạo đối tượng willieNelson, dựa trên Person var willieNelson = Object. tạo (Người); / / kiểm tra một tài sản di sản tài liệu. viết (willie nelson feet); / / đầu ra 2