Trong lập trình hướng đối tượng, một lớp là một mẫu mã chương trình có thể mở rộng để tạo các đối tượng. các lớp chủ yếu có thể được coi như một đường cú pháp thay vì kế thừa dựa trên nguyên mẫu hiện có của JavaScript. Trong bài viết này, chúng ta sẽ đi sâu vào lớp JavaScript và tìm hiểu cách sử dụng chúng theo trình tự sau:
Lớp JavaScript là gì?
Trong JavaScript, một lớp là một loại hàm và được khai báo với từ khóa lớp. Bạn cần sử dụng cú pháp biểu thức hàm để khởi tạo một hàm và cú pháp biểu thức lớp để khởi tạo một lớp.
// Khởi tạo một hàm với biểu thức hàm const a = function () {}// Khởi tạo một lớp với biểu thức lớp const b = class {}Trong JavaScript, thay vì sử dụng hàm từ khóa để khởi tạo nó, chúng tôi sử dụng lớp từ khóa. Ngoài ra, các thuộc tính được gán bên trong phương thức constructor ().
Làm thế nào để sử dụng một Lớp JavaScript?
Mã được khai báo với chức năng và cả lớp đều trả về một hàm [[Nguyên mẫu]]. Với các nguyên mẫu, bất kỳ hàm nào cũng có thể trở thành một thể hiện của hàm tạo bằng cách sử dụng từ khóa mới. Ví dụ:
const a = class {} // Khởi tạo một hàm tạo từ một lớp const constructorFromClass = new a () console.log (constructorFromClass)Đầu ra:
một {} constructor: classBây giờ, có ba cách khác nhau để sử dụng lớp trong JavaScript. Hãy đi vào chi tiết của từng phương pháp với một ví dụ.
Xác định một lớp
Một hàm khởi tạo được khởi tạo với một số tham số, được gán làm thuộc tính của 'điều này' , đề cập đến chính chức năng. Chữ cái đầu tiên của mã định danh được viết hoa theo quy ước.
// Khởi tạo hàm khởi tạo hàm nhân viên (name, empid) {this.name = name this.empid = empid}Bây giờ, nếu chúng ta dịch điều này sang cú pháp lớp, bạn sẽ thấy rằng các cấu trúc rất giống nhau.
php phân tích cú pháp chuỗi thành mảng
// Khởi tạo định nghĩa lớp nhân viên {constructor (name, empid) {this.name = name this.empid = empid}}Chúng ta có thể nói rằng từ khóa class giao tiếp theo cách đơn giản hơn. Sự khác biệt duy nhất trong cú pháp của việc khởi tạo là sử dụng từ khóa lớp thay vì hàm. Ngoài ra, nó chỉ định các thuộc tính bên trong phương thức constructor ().
Xác định phương pháp
Một thực tiễn phổ biến khác với các hàm khởi tạo là gán phương pháp trực tiếp đến nguyên mẫu thay vì trong quá trình khởi tạo. Chúng tôi sẽ lấy một ví dụ và xem nó hoạt động như thế nào:
function worker (name, empid) {this.name = name this.empid = empid} // Thêm một phương thức vào constructor worker.prototype.greet = function () {return `$ {this.name} nói xin chào. '}Khi bạn đang viết cùng một mã với lớp, nó được đơn giản hóa và phương thức được thêm trực tiếp.
class worker {constructor (name, empid) {this.name = name this.empid = empid} // Thêm một phương thức vào hàm tạo chào () {return `$ {this.name} nói xin chào.`}}Mặc dù các lớp cho phép tạo ra cú pháp ngắn gọn và đơn giản hơn, nhưng đôi khi bạn có thể phải thỏa hiệp với sự rõ ràng trong quá trình này.
Mở rộng một lớp học
Ưu điểm của các hàm và lớp phương thức khởi tạo là chúng có thể được mở rộng thành các bản thiết kế đối tượng mới dựa trên cơ sở của cha mẹ. Điều này giúp ngăn việc lặp lại mã cho các đối tượng tương tự nhưng cần một số tính năng bổ sung hoặc cụ thể hơn.
Các hàm khởi tạo mới có thể được tạo từ hàm cha bằng phương thức call (). Ví dụ:
// Tạo một hàm tạo mới từ thông tin hàm mẹ (tên, empid, lương) {// Phương thức khởi tạo chuỗi với lệnh gọi worker.call (this, name, empid) this.salary = Lương}Bây giờ, khi chúng ta viết cùng một đoạn mã bằng cách sử dụng lớp, từ khóa super được sử dụng thay cho lời gọi để truy cập các hàm cha.
// Tạo một lớp mới từ thông tin lớp cha mở rộng nhân viên {constructor (name, empid, Liang) {// Phương thức khởi tạo chuỗi với super super (name, empid) // Thêm một thuộc tính mới this.salary = Lương}}Các lớp học cung cấp cho bạn cách tạo ngắn gọn hơn vật các bản thiết kế và hàm khởi tạo mô tả những gì đang xảy ra bên dưới một cách cụ thể hơn.
Với điều này, chúng ta đã đi đến phần cuối của bài viết của chúng tôi. Tôi hy vọng bạn đã hiểu cách sử dụng Lớp học JavaScript.
tạo một chuỗi ngẫu nhiên java
Bây giờ bạn đã biết về Lớp JavaScript, hãy xem của Edureka. Đào tạo Chứng chỉ Phát triển Web sẽ giúp bạn học cách tạo các trang web ấn tượng bằng cách sử dụng HTML5, CSS3, Twitter Bootstrap 3, jQuery và Google API và triển khai nó cho Amazon Simple Storage Service (S3).
Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần nhận xét của “Lớp học JavaScript” và chúng tôi sẽ liên hệ lại với bạn.