10 mẫu thiết kế hàng đầu trong JavaScript

Tram Ho

Hôm nay, tôi sẽ giới thiệu một mẫu thiết kế phổ biến mà tôi đã sử dụng trong công việc. Trong tương lai, chúng tôi dự định sẽ xuất bản một loạt bài viết cụ thể về từng mẫu thiết kế.

mẫu đơn

Mẫu này tạo một thể hiện duy nhất của một lớp và cung cấp một điểm truy cập toàn cầu cho nó. Điều này rất hữu ích khi bạn cần đảm bảo rằng chỉ có một đối tượng cụ thể trong ứng dụng của mình.

mô hình nhà máy

Mẫu này tạo các đối tượng dựa trên một giao diện chung mà không chỉ định một lớp đối tượng cụ thể. Điều này hữu ích khi bạn cần tạo các đối tượng thuộc một họ cụ thể, nhưng không muốn chỉ định loại đối tượng cụ thể khi chạy.

mẫu quan sát viên

Mẫu này là sự quan sát một đối tượng (chủ thể) bởi một hoặc nhiều đối tượng khác (người quan sát). Người quan sát được thông báo khi trạng thái của đối tượng thay đổi. Điều này hữu ích để tách logic trong các phần khác nhau của ứng dụng của bạn và cho phép bạn phản ứng với các thay đổi trạng thái chủ đề.

mẫu nguyên mẫu

Mẫu này tạo các đối tượng mới bằng cách sao chép các đối tượng hiện có (nguyên mẫu). Điều này hữu ích khi bạn muốn tạo một đối tượng mới tương tự như đối tượng hiện có, nhưng cần xác định tất cả các cấu trúc đối tượng từ đầu.

mẫu xây dựng

Mẫu này tạo các đối tượng (trình tạo) được sử dụng để xây dựng các đối tượng (sản phẩm) khác. Điều này hữu ích khi bạn muốn tạo các đối tượng phức tạp đòi hỏi nhiều bước hoặc có nhiều tùy chọn tùy chỉnh.

Mẫu bộ điều hợp

Mẫu này tạo các đối tượng bộ điều hợp được sử dụng để điều chỉnh giao diện này sang giao diện khác. Điều này hữu ích khi bạn muốn sử dụng một đối tượng hiện có với một giao diện cụ thể, nhưng cần sử dụng nó trong ngữ cảnh mong đợi một giao diện khác.

hoa văn trang trí

Mẫu này thêm hành vi mới cho các đối tượng hiện có với các đối tượng trang trí. Điều này hữu ích khi bạn muốn thêm hành vi mới vào một đối tượng mà không thay đổi mã hiện có.

hoa văn mặt tiền

Mẫu này tạo ra một giao diện đơn giản che giấu sự phức tạp của các hệ thống lớn. Điều này hữu ích khi người dùng muốn cung cấp một giao diện đơn giản cho một hệ thống phức tạp mà không phải lo lắng về các chi tiết cơ bản.

mẫu lệnh

Mẫu này tạo các đối tượng đại diện cho các hành động hoặc hoạt động. Điều này rất hữu ích để cho phép các cách xác định, xếp hàng và thực thi linh hoạt.

mẫu phương pháp mẫu

Mẫu này cho phép một lớp cơ sở xác định khung của một thuật toán và các lớp con để cung cấp việc triển khai các bước cụ thể. Điều này hữu ích khi bạn muốn xác định cấu trúc tổng thể của thuật toán, nhưng cho phép các lớp con tùy chỉnh các phần cụ thể.

Phần kết luận

Trong các bài viết tới, tôi sẽ đi vào chi tiết hơn về các mẫu thiết kế được giới thiệu trong bài viết này.

Như mọi khi, tôi hy vọng bạn thích bài viết này và học được điều gì đó mới.

Cảm ơn rất nhiều. Hẹn gặp lại các bạn trong bài viết tiếp theo!

Nếu các bạn thích bài viết này, hãy ủng hộ chúng tôi bằng cách like và subscribe. Cảm ơn.

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo