Hướng dẫn ngắn gọn về các mẫu thiết kế trong JavaScript



Bài viết này sẽ giúp bạn cách tiếp cận chi tiết về các Mẫu thiết kế trong JavaScript một cách đơn giản để hiểu rõ hơn.

là các giải pháp hướng đối tượng nâng cao cho các vấn đề phần mềm thường xảy ra. Các mẫu là các thiết kế có thể tái sử dụng và tương tác của các đối tượng. Mỗi mẫu có một tên và trở thành một phần của từ vựng khi thảo luận về các giải pháp thiết kế phức tạp.

Mẫu thiết kế trong JavaScript là gì?

có thể được định nghĩa là một mẫu phần mềm hoặc mô tả để giải quyết một vấn đề xảy ra trong nhiều trường hợp khi thiết kế Ứng dụng phần mềm hoặc Khung phần mềm.





Mẫu thiết kế trình xây dựng

Bây giờ, chúng ta hãy thảo luận về Gang of Four (GoF)



Gang of Four

Các 23 Gang of Four (GoF) các mẫu thường được coi là nền tảng cho tất cả các mẫu khác.

The Gang of Four (GoF) từ Mẫu thiết kế:



Các yếu tố của Phần mềm Hướng đối tượng Có thể Tái sử dụng, Dòng Máy tính Chuyên nghiệp Addison-Wesley, bởi Erich Gamma, Richard Helm, Ralph Jhonson,John Vlissides. T23 mẫu GoF thường được coi là nền tảng cho tất cả các mẫu khác.Chúng được phân loại thành ba nhóm: Sáng tạo, Cấu trúc và Hành vi.

Các loại mẫu thiết kế

Về cơ bản, có ba loại Mẫu thiết kế khác nhau trong JavaScript. Chúng như sau:

lập trình socket tcp trong java

Các mẫu sáng tạo

Nhà máy Tóm tắt: Điều này tạo ra một thể hiện với một số họ các lớp. Điều này cung cấp một giao diện để tạo các họ là các đối tượng liên quan hoặc phụ thuộc mà không có bất kỳ đặc tả nào về các lớp cụ thể của chúng.

Người xây dựng: Cấu trúc đối tượng tách biệt này khỏi biểu diễn của nó. Cũng tách việc xây dựng một đối tượng phức tạp khỏi biểu diễn của nó để có thể tạo ra quá trình xây dựng giống hệt nhau với các biểu diễn khác nhau.

Phương pháp nhà máy: Điều này tạo ra một thể hiện cho một số lớp dẫn xuất. Cũng định nghĩa một giao diện để tạo một đối tượng, nhưng nó cho phép lớp con quyết định lớp nào để khởi tạo. Điều này cũng có một Phương thức Nhà máy cho phép một lớp trì hoãn việc khởi tạo thành các lớp con.

Nguyên mẫu: Nó là một phiên bản được khởi tạo đầy đủ có thể được sao chép hoặc nhân bản. Cụ thể, loại đối tượng để tạo bằng cách sử dụng một cá thể nguyên mẫu, tạo các đối tượng mới bằng cách sao chép nguyên mẫu này.

Singleton: Nó là các phiên bản khởi tạo đầy đủ để được sao chép hoặc được nhân bản.Đó là một loại đối tượng cụ thể để tạo bằng cách sử dụng một cá thể nguyên mẫu và tạo các đối tượng mới bằng cách sao chép nguyên mẫu này.

Các mẫu cấu trúc

Bộ chuyển đổi: Nó phù hợp với giao diện của các lớp khác nhau. Đồng thời chuyển đổi giao diện của một lớp thành giao diện khác ngoại trừ giao diện có máy khách. Bộ điều hợp cũng cho phép các lớp hoạt động cùng nhau mà không thể xảy ra do các giao diện không tương thích.

Cầu: Nó tách giao diện của một đối tượng khỏi việc triển khai nó. Tách một phần tóm tắt khỏi quá trình triển khai của nó để cả hai có thể khác nhau một cách độc lập.

Tổng hợp: Cấu trúc cây bao gồm các đối tượng đơn giản và tổng hợp, các đối tượng được cấu tạo thành cấu trúc cây để thể hiện phân cấp một phần toàn bộ. Composite cho phép khách hàng xử lý các đối tượng riêng lẻ và bố cục của các đối tượng một cách đồng nhất.

Người trang trí: Thêm động các trách nhiệm vào các đối tượng. Tự động gắn các trách nhiệm bổ sung vào một đối tượng. Người trang trí cũng cung cấp một giải pháp thay thế linh hoạt cho phân lớp để mở rộng các chức năng.

Mặt tiền: Một lớp duy nhất đại diện cho toàn bộ hệ thống con và cung cấp một giao diện thống nhất cho một tập hợp các giao diện trong một hệ thống. Façade định nghĩa giao diện cấp cao hơn giúp hệ thống con dễ sử dụng hơn.

cách lấy độ dài của một mảng trong javascript

Hạng ruồi: Một phiên bản chi tiết được sử dụng để chia sẻ hiệu quả nhằm hỗ trợ số lượng lớn các đối tượng chi tiết một cách hiệu quả. Flyweight là một đối tượng dùng chung có thể được sử dụng trong nhiều ngữ cảnh đồng thời.Flyweight cũng hoạt động như một đối tượng độc lập trong mỗi ngữ cảnh - Không thể phân biệt được với một trường hợp của các đối tượng không được chia sẻ.

Ủy quyền: Nó là một đối tượng đại diện cho một đối tượng khác. Nó cung cấp một đối tượng thay thế hoặc một đối tượng giữ chỗ để kiểm soát quyền truy cập vào nó.

Mô hình hành vi:

Chuỗi trách nhiệm: Nó là một cách truyền yêu cầu giữa một chuỗi các đối tượng. Nó tránh việc ghép nối với người gửi và gửi yêu cầu đến người nhận bằng cách cho nhiều đối tượng có cơ hội xử lý yêu cầu. Các đối tượng nhận được chuỗi và chuyển yêu cầu dọc theo chuỗi cho đến khi một đối tượng xử lý nó.

Chỉ huy: Nó đóng gói một yêu cầu lệnh như một đối tượng. Yêu cầu được đóng gói như một đối tượng, do đó cho phép bạn tham số hóa các máy khách với các yêu cầu yêu cầu, hàng đợi hoặc nhật ký khác nhau và hỗ trợ các hoạt động hoàn tác.

Thông dịch viên: Đó là một cách để đưa các yếu tố ngôn ngữ vào một chương trình. Cho một ngôn ngữ, xác định một biểu diễn cho ngữ pháp của nó cùng với một trình thông dịch sử dụng biểu diễn để diễn giải các câu trong ngôn ngữ đó.

Trình lặp lại: Việc truy cập tuần tự các phần tử của một tập hợp cung cấp một cách để truy cập các phần tử của một đối tượng tổng hợp một cách tuần tự mà không làm lộ ra biểu diễn cơ bản của nó.

Người hòa giải: Nó định nghĩa đơn giản hóa giao tiếp giữa các lớp. Định nghĩa một đối tượng đóng gói cách một tập hợp các đối tượng tương tác. Người hòa giải thúc đẩy sự liên kết lỏng lẻo bằng cách giữ cho các đối tượng không tham chiếu đến nhau một cách rõ ràng và nó cho phép bạn thay đổi tương tác của chúng một cách độc lập.

Kỷ vật: Nó nắm bắt và khôi phục trạng thái bên trong của đối tượng. Nó không vi phạm tính đóng gói, nắm bắt và ngoại hóa trạng thái bên trong của đối tượng để đối tượng có thể được khôi phục về trạng thái này sau này.

Người quan sát: Đó là một cách để thông báo sự thay đổi đối với một số lớp. Nó xác định sự phụ thuộc một đến nhiều giữa các đối tượng để khi một đối tượng thay đổi trạng thái, tất cả các phụ thuộc của nó sẽ được thông báo và cập nhật tự động.

Tiểu bang: Nó thay đổi hành vi của một đối tượng khi trạng thái của nó thay đổi. Cho phép một đối tượng thay đổi hành vi của nó khi nó thay đổi trạng thái bên trong. Đối tượng sẽ xuất hiện để thay đổi lớp của nó.

Chiến lược: Nó đóng gói một thuật toán bên trong một lớp và xác định một thuật toán gia đình, đóng gói từng lớp và sau đó có thể hoán đổi cho nhau. Chiến lược cho phép thuật toán thay đổi độc lập với các khách hàng sử dụng nó.

Bản mẫu: Trì hoãn các bước chính xác của thuật toán cho một lớp con. Nó xác định khung của một thuật toán trong một hoạt động, trì hoãn một số bước quan trọng đối với các lớp con. Phương pháp Mẫu cho phép chúng tôi tạo một lớp con xác định lại các bước nhất định của thuật toán mà không thay đổi cấu trúc của thuật toán.

Khách thăm quan: Nó định nghĩa một hoạt động mới cho một lớp mà không thay đổi. Biểu diễn một hoạt động được thực hiện trên các phần tử của cấu trúc đối tượng. Khách truy cập cho phép bạn xác định một hoạt động mới mà không cần thay đổi các lớp của các phần tử mà nó hoạt động.

Với điều này, chúng ta đi đến phần cuối của bài viết này. Tôi hy vọng bạn đã hiểu các Mẫu thiết kế trong JavaScript, các loại, tầm quan trọng và cách triển khai của chúng.

Bây giờ bạn đã hiểu những điều cơ bản về Mẫu thiết kế trong JavaScript, hãy xem của Edureka, một công ty học trực tuyến đáng tin cậy với mạng lưới hơn 250.000 người học hài lòng trải dài trên toàn cầu. Khóa đào tạo và cấp chứng chỉ về Java J2EE và SOA của Edureka được thiết kế cho sinh viên và các chuyên gia muốn trở thành Nhà phát triển Java. Khóa học được thiết kế để cung cấp cho bạn khởi đầu về lập trình Java và đào tạo bạn về cả khái niệm Java cốt lõi và nâng cao cùng với các khung Java khác nhau như Hibernate & Mùa xuân .

Có một câu hỏi cho chúng tôi? Hãy đề cập đến nó trong phần nhận xét của blog “Các mẫu thiết kế trong JavaScript” này và chúng tôi sẽ liên hệ lại với bạn sớm nhất có thể.