Adapter pattern được áp dụng trong đời sống tương đối nhiều chứ chưa hẳn là chỉ trong những mẫu mã thiết kết của thiết kế. Nó được áp dụng rộng rãi trong thế giới thực, tôi suy nghĩ chắc chắn cũng vị lý do đó vì vậy nó đã được áp dụng nguyên tắc vào vào thiết kế javascript dành riêng và những ngữ điệu không giống nói Chung. Tôi đang chia sẻ mang lại chúng ta một ví dụ cụ thể nhằm nắm rõ rộng về Adapter pattern javascript

Yêu cầu bạn đọc

Mô hình này thì ko yêu nên bạn là Lever làm sao, cùng các bạn đề nghị đến từ hành tinh javascript, vày ví dụ dưới của nội dung bài viết chúng tôi thực hiện nó bởi javascript, cũng chính vì vậy bạn là một trong những fan của javascript thì hay rộng. Trong khi, để dứt 9 mẫu xây cất trong lập trình sẵn thì Cửa Hàng chúng tôi đang giải thích 3 pattern trước rồi, chúng ta tất cả thởi gian thì quay lại cùng hiểu nó. Một điểm thú vui sống ba bài viết trước chính là Việc giới thiệu ví dụ về mẫu xe pháo VINFAST với được được đa số chúng ta hưởng ứng.

Bạn đang xem: Adapter pattern là gì

Phần 1: Builder pattern là gì? Xây dựng một loại xe hơi thực hiện Builder Pattern

Phần 2: Factory pattern là gì? Tại sao mô hình VINFAST lại sử dụng?

Phần 3: Singleton pattern là gì? Cơ chế thuê xe VINFAST thông qua Singleton pattern

Và phần này là phần 4 vào Series có 9 phần. Cho đề nghị chúng ta ghi nhớ follow fanpage facebook tips javascript và để được update phần đa bài viết tiên tiến nhất nhé. (Quảng cáo một chút hé hé). Còn hiện thời chúng ta lấn sân vào văn bản thiết yếu của nội dung bài viết này đó chính là tìm hiểu về Adapter pattern vào javascript.

Adapter pattern là gì? Hiểu sao cho rõ ràng

Trước hết phần nhiều chúng ta làm sao thừa quen thuộc với vấn đề theo dõi trên blog lập trình anonystichồng thì đang thân quen cùng với quy mô nội dung bài viết. Nhưng tại chỗ này tôi cũng nói lại chính là trước lúc bước vào bất cứ khái niệm nào thì chúng ta cũng trở thành đi một ví dụ rõ ràng với thực tiễn nhằm giải thích mang lại việc định nghĩa, với nội dung bài viết giải thích về mẫu xây dựng Adapter cũng ko nước ngoài lệ.

Thực tế có chúng ta làm sao đi du lịch nghỉ ngơi Hồng Kông không, giỏi Đài Loan cũng thế. Phải sở hữu theo ổ cắm 3 chân mới rất có thể thực hiện trên nhì giang sơn này. Nếu không thì bạn sẽ ko nuốm nào sạc điện thoại cảm ứng, hay Laptop... Chính bởi vì vậy, chúng ta giỏi mua cục thay đổi giống như hình sau đây.

Nhìn vào hình vẽ, tôi đoán thù chúng ta cũng hình dung ra câu hỏi giải thích Adapter pattern là gì rồi phải không? Nó giống đời thực vậy đó. Phải bao gồm viên biến đổi vậy thì...

Adapter pattern là 1 trong mẫu mã thiết kế ứng dụng, Adapter Pattern bên trong nhóm Cấu trúc — Structural Pattern — tương quan cho cấu trúc đến toàn khối hệ thống, triệu tập vào những quan hệ giữa các thực thể, những component, làm cho bọn chúng hệ trọng tiện lợi cùng nhau hơn. Adapter Pattern đóng vai trò trung gian, tương hợp đến khối hệ thống sẵn tất cả đối ứng với những component mới nhưng không cần thiết phải sửa thay đổi code, chất nhận được những interface không liên quan đến nhau rất có thể thao tác làm việc cùng mọi người trong nhà. Theo Medium.com

Trong chuyên môn ứng dụng, sứ mệnh của Adapter pattern là giải quyết vấn đề không tương hợp về đồ họa thân hai thực thể ứng dụng. Nói tầm thường là nó vậy. Nó không giống cùng với builder pattern như vậy nào? Thì chúng ta đọc lại phần 1.

Adapter pattern ưu và nhược điểm

Ưu điểm:

Sử dụng mang lại dự án công trình một tấm riêng biệt mà ko va cho tới phần đông code cũ, xuất xắc còn gọi là code gốc

Tăng tính rành mạch với kĩ năng tái áp dụng của lớp, đóng gói vấn đề tiến hành, cùng năng lực tái sử dụng rất lớn. Tính chuẩn bị sẵn sàng luôn luôn gồm.

Xem thêm: Bổ Nghĩa Cho Động Từ: Từ Gì Có Thể Đứng Sau Động Từ Là Gì ? Sau Tobe Là Gì

Tính linh hoạt cùng năng lực mở rộng tốt nhất. Thông qua câu hỏi thực hiện các tệp thông số kỹ thuật, Adapter pattern có thể dễ dãi được thay thế sửa chữa và hoàn toàn có thể thêm những lớp Adapter nhưng mà ko đề xuất sửa thay đổi mã nơi bắt đầu, theo đúng hiệ tượng mở cùng đóng vào lập trình sẵn.

Nhược điểm

Việc áp dụng rất nhiều chủng loại xây dựng Adapter vẫn tạo cho khối hệ thống trngơi nghỉ phải hết sức lộn xộn với nặng nề nắm bắt một bí quyết tổng thể và toàn diện nhỏng các mấu xây dựng trước như Factory pattern.

Adapter pattern những tình huống và trường vừa lòng ứng dụng

Trường vừa lòng mà lại thực hiện nhiều độc nhất vô nhị chắc rằng là áp dụng với tăng cấp một hệ thống mới cùng không muốn chạm vào mô hình của những thế hệ hồi trước.

Adapter pattern Một ví dụ triển khai

Sau khi chúng ta nắm rõ phần nhiều có mang và tương tự như ưu điểm yếu kém thì chúng ta đã vào code javascript giỏi ES6 nhằm diễn giải Adapter pattern. Thông qua ví dụ về giỏ hàng này thì bọn họ đang làm rõ rộng những.

Code ví dụ bên dưới hiển thị giỏ hàng trực con đường trong các số ấy đối tượng chuyển động được sử dụng nhằm tính ngân sách tải. Đối tượng Vận chuyển cũ được sửa chữa bởi đối tượng Vận gửi bắt đầu và đổi mới, an ninh hơn với cung ứng chi phí rẻ hơn.

// old interface function Shipping() this.request = function(zipStart, zipEnd, weight) // ... return "$49.75"; // new interface function AdvancedShipping() this.login = function(credentials) /* ... */ ; this.setStart = function(start) /* ... */ ; this.setDestination = function(destination) /* ... */ ; this.calculate = function(weight) return "$39.50"; ; // adapter interface function ShippingAdapter(credentials) var shipping = new AdvancedShipping(); shipping.login(credentials); return request: function(zipStart, zipEnd, weight) shipping.setStart(zipStart); shipping.setDestination(zipEnd); return shipping.calculate(weight); ; // log helper var log = (function () var log = ""; return add: function (msg) log += msg + " "; , show: function () alert(log); log = ""; )();Đối tượng bắt đầu chọn cái tên là AdvancedShipping cùng có một bối cảnh vô cùng khác mà lịch trình người tiêu dùng ko mong hóng. ShippingAdapter chất nhận được người tiêu dùng tiếp tục chuyển động với câu hỏi giao thương mà lại không có bất kỳ chuyển đổi làm sao về API. Đó đó là sự tiện nghi cùng cải thiện của Adapter. Và biện pháp sử dụng

function run() var shipping = new Shipping(); var credentials = token: "30a8-6ee1"; var adapter = new ShippingAdapter(credentials); // original shipping object and interface var cost = shipping.request("78701", "10010", "2 lbs"); log.add("Old cost: " + cost); // new shipping object with adapted interface cost = adapter.request("78701", "10010", "2 lbs"); log.add("New cost: " + cost); log.show();

Kết luận

Với ví dụ về giỏ mặt hàng bởi javascript của dofactory.com thì chúng ta sẽ tất cả sự tưởng tượng rõ ràng hơn về adapted pattern. Thật ra, đầy đủ thiết kế pattern này họ bắt buộc tìm hiểu cùng nếu như rất có thể gọi sâu hơn, vì mỗi dự án, từng công ty đều phải sở hữu cơ chế của chính nó. Việc jojn vào và gấp rút hoà nhập được thì cũng cần gọi qua đầy đủ kiến thức nhỏng Factory pattern, Singleton pattern...

Nhớ tham khảo thêm 3 phần trước:

Phần 1: Builder pattern là gì? Xây dựng một chiếc xe hơi sử dụng Builder Pattern

Phần 2: Factory pattern là gì? Tại sao quy mô VINFAST lại sử dụng?

Phần 3: Singleton pattern là gì? Cơ chế mượn xe VINFAST thông qua Singleton pattern

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *