Trang Chủ Xã hội Truyền thông Làm việc với Inheritance to Code với các lớp học JavaScript - núm vú

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

Mục lục:

Video: JavaScript căn bản - Bài 25: Class trong javascript 2025

Video: JavaScript căn bản - Bài 25: Class trong javascript 2025
Anonim

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

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

Lựa chọn của người biên tập

Làm thế nào để Thiết lập nhân viên trong QuickBooks Quá trình biên chế nâng cao - núm vú

Làm thế nào để Thiết lập nhân viên trong QuickBooks Quá trình biên chế nâng cao - núm vú

Sau khi bạn thành lập công ty của bạn thông tin cho bảng lương trong QuickBooks, bạn đã sẵn sàng để thiết lập nhân viên cho biên chế. Là một phần của quy trình Thiết lập biên chế nâng cao, QuickBooks hiển thị trang web nơi bạn có thể thêm nhân viên của mình. Bạn cũng có thể thêm nhân viên bằng cách hiển thị Trung tâm Nhân viên. (Chọn lệnh Employee → Employee Center và nhấp chuột ...

Làm thế nào để Thiết lập biểu đồ Tài khoản QuickBooks 2012 - núm vú

Làm thế nào để Thiết lập biểu đồ Tài khoản QuickBooks 2012 - núm vú

Biểu đồ tài khoản Danh sách trong QuickBooks 2012 là danh sách các tài khoản bạn sử dụng để phân loại thu nhập, chi phí, tài sản, nợ phải trả và số vốn chủ sở hữu của chủ sở hữu. Nếu bạn muốn xem chi tiết đơn hàng cụ thể của dữ liệu tài chính trên báo cáo, bạn cần một tài khoản cho chi tiết đơn hàng đó. Nếu bạn muốn ngân sách ...

Cách Thiết lập Máy in để in QuickBooks 2015 Hóa đơn - núm vú

Cách Thiết lập Máy in để in QuickBooks 2015 Hóa đơn - núm vú

Nếu bạn dự định in hóa đơn từ QuickBooks 2015, bạn chỉ cần cài đặt máy in hóa đơn một lần, nhưng bạn cần phải chỉ rõ một số quy tắc in ấn chung về hoá đơn. Các quy tắc này cũng áp dụng cho các bản ghi nhớ tín dụng và các đơn đặt hàng, bằng cách này. Để cài đặt máy in của bạn để in hóa đơn, làm theo các bước sau: Chọn ...

Lựa chọn của người biên tập

Hình ảnh Các chế độ phát trên một Canon EOS 70D - núm vú

Hình ảnh Các chế độ phát trên một Canon EOS 70D - núm vú

Một trong những điều tốt nhất về Canon EOS 70D của bạn có thể xem ảnh ngay sau khi bạn chụp chúng. Không còn đoán xem bạn có bị bắn mà bạn muốn hay cần thử lại; không còn lãng phí tiền bạc khi phát triển và in những bức ảnh bốc mùi. Để chuyển máy ảnh sang chế độ Phát lại, chỉ cần ...

Lựa chọn của người biên tập

Cách xem tab Thông báo của bạn trên Twitter - những con cần

Cách xem tab Thông báo của bạn trên Twitter - những con cần

Xem ai đang tương tác với bạn trên Twitter trực tiếp qua @replies và @mentions (Tweets để đáp ứng hoặc nói chung đề cập đến người dùng cá nhân), các mục yêu thích (cách thừa nhận hoặc đánh dấu trang Tweets) và retweets (chia sẻ nội dung đã được đăng bởi một người dùng Twitter khác). Yêu thích Nhấn vào biểu tượng ngôi sao, hoặc nút Video yêu thích, thêm vào Tweet của bạn ...

Sai lầm Twitter # 1: @reply versus @mention - núm vú

Sai lầm Twitter # 1: @reply versus @mention - núm vú

Mọi người dùng Twitter - mới và cũ - đã trở thành nạn nhân của sự nhầm lẫn giữa @reply versus @mention. Khi nhà phát triển thịnh vượng và nhà chiến lược nội dung Anum Hussein giới thiệu 21 mẹo đăng bài xã hội trên hội nghị INBOUND hàng năm, mẹo để hiểu sự khác biệt giữa @reply và @mention là số một ...

Mẹo vặt để xây dựng sự hiện diện của cá nhân trên Twitter

Mẹo vặt để xây dựng sự hiện diện của cá nhân trên Twitter

Twitter ban đầu phổ biến để giúp các cá nhân giữ liên lạc với bạn bè và người quen của họ qua các cập nhật nhỏ. Nhiều Twitterers cá nhân vẫn có xu hướng sử dụng Twitter theo cách này, cập nhật một vòng tròn gần gũi của bạn bè về những suy nghĩ và những sự kiện xảy ra trong cuộc sống của họ. Theo thời gian, bạn có thể theo kịp với những người mà bạn có thể không liên hệ ...