Video học thiết kế mỗi ngày

Adapter pattern được sử dụng vào đời sống không hề ít chứ đọng chưa phải là chỉ trong những mẫu thiết kết của xây dựng. Nó được vận dụng rộng thoải mái trong trái đất thực, tôi suy nghĩ kiên cố cũng vị lý cho nên vì vậy cho nên vì vậy nó đã được áp dụng nguyên tắc vào trong thiết kế javascript thích hợp cùng các ngữ điệu không giống nói Chung. Tôi đang share mang đến chúng ta một ví dụ rõ ràng để hiểu rõ hơn về Adapter pattern javascript

Yêu cầu tín đồ đọc

Mô hình này thì ko yêu yêu cầu chúng ta là cấp độ làm sao, cùng bạn bắt buộc đến từ thế giới javascript, bởi ví dụ dưới của nội dung bài viết công ty chúng tôi thực hiện nó bởi javascript, bởi vì vậy các bạn là một fan của javascript thì tuyệt hơn. Bên cạnh đó, nhằm dứt 9 mẫu mã xây đắp trong lập trình sẵn thì công ty chúng tôi vẫn giải thích 3 pattern trước rồi, bạn gồm thởi gian thì quay trở lại và hiểu nó. Một điểm thú vui sống tía bài viết trước chính là vấn đề chỉ dẫn ví dụ về cái xe cộ VINFAST với được được đa số chúng ta hưởng trọn ứng.

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

Phần 1: Builder pattern là gì? Xây dựng một chiếc ô tô thực hiện 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

Và phần này là phần 4 trong Series có 9 phần. Cho buộc phải các bạn lưu giữ follow fanpage tips javascript để được update phần đông bài viết tiên tiến nhất nhé. (Quảng cáo một chút ít hé hé). Còn hiện nay chúng ta đi vào nội dung bao gồm của bài viết này đó đó là mày mò về Adapter pattern trong javascript.

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

trước hết đông đảo các bạn như thế nào thừa thân quen với việc theo dõi bên trên blog lập trình sẵn mongkiemthe.com thì đã rất gần gũi cùng với quy mô nội dung bài viết. Nhưng ở chỗ này tôi cũng kể lại chính là trước lúc đi vào bất cứ định nghĩa như thế nào thì bọn họ cũng trở nên đi một ví dụ cụ thể và thực tiễn nhằm mục tiêu giải thích mang đến việc quan niệm, cùng bài viết lý giải về mẫu thiết kế Adapter cũng không nước ngoài lệ.

Thực tế tất cả các bạn nào đi phượt ngơi nghỉ Hồng Kông chưa, tuyệt Đài Loan cũng vậy. Phải với theo ổ cắn 3 chân new hoàn toàn có thể áp dụng trên nhị nước nhà này. Nếu ko thì các bạn sẽ ko cụ nào sạc điện thoại thông minh, hay Laptop... Chính vì chưng vậy, chúng ta giỏi tải cục thay đổi y hệt như hình dưới đây.

Nhìn vào mẫu vẽ, tôi đoán chúng ta cũng tưởng tượng ra vấn đề phân tích và lý giải Adapter pattern là gì rồi đề xuất không? Nó tương tự đời thực vậy kia. Phải tất cả viên thay đổi vậy thì...

Adapter pattern là một trong những mẫu mã xây đắp ứng dụng, Adapter Pattern nằm trong team Cấu trúc — Structural Pattern — liên quan mang lại kết cấu cho toàn khối hệ thống, tập trung vào những quan hệ giữa những thực thể, những component, tạo cho chúng can dự dễ dàng cùng nhau rộng. Adapter Pattern nhập vai trò trung gian, tương xứng đến khối hệ thống sẵn bao gồm đối ứng với những component mới mà không nhất thiết phải sửa đổi code, cho phép những interface ko tương quan cho nhau có thể làm việc cùng mọi người trong nhà. Theo Medium.com

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

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

Ưu điểm:

Sử dụng mang lại dự án một tờ riêng biệt nhưng mà không va tới số đông code cũ, xuất xắc nói một cách khác là code gốc

Tăng tính phân minh với khả năng tái áp dụng của lớp, đóng gói vấn đề thực hiện, với năng lực tái thực hiện rất lớn. Tính sẵn sàng luôn gồm.

Xem thêm: Sau Stop Là Gì - Cách Dùng Stop, Try, Forget, Remember

Tính linh hoạt với kỹ năng không ngừng mở rộng cực tốt. Thông qua Việc áp dụng những tệp thông số kỹ thuật, Adapter pattern rất có thể dễ dãi được thay thế sửa chữa cùng hoàn toàn có thể thêm các lớp Adapter cơ mà không đề xuất sửa đổi mã gốc, tuân thủ theo đúng cơ chế mở và đóng góp vào xây dựng.

Nhược điểm

Việc sử dụng rất nhiều chủng loại xây đắp Adapter đang tạo nên khối hệ thống trở cần cực kỳ lộn xộn và cực nhọc thâu tóm một biện pháp tổng thể nhỏng những mấu kiến tạo trước như Factory pattern.

Adapter pattern các tình huống và trường thích hợp ứng dụng

Trường phù hợp mà lại áp dụng nhiều tuyệt nhất chắc rằng là thực hiện với upgrade một khối hệ thống mới với không muốn va vào mô hình của các cố gắng hệ trước đây.

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

Sau khi bạn nắm vững đông đảo tư tưởng và cũng tương tự ưu điểm yếu kém thì họ sẽ vào code javascript giỏi ES6 nhằm diễn giải Adapter pattern. Thông qua ví dụ về giỏ mặt hàng này thì chúng ta sẽ nắm rõ rộng các.

Code ví dụ bên dưới hiển thị giỏ sản phẩm trực đường trong số ấy đối tượng người dùng tải được thực hiện để tính chi phí chuyển động. Đối tượng Vận gửi cũ được thay thế bởi đối tượng Vận đưa new và đổi mới, an ninh hơn với cung ứng giá thấp 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 new được lấy tên là AdvancedShipping cùng gồm một giao diện hết sức khác mà chương trình quý khách ko ao ước ngóng. ShippingAdapter có thể chấp nhận được người sử dụng liên tiếp hoạt động với vấn đề giao thương mua bán cơ mà không có ngẫu nhiên chuyển đổi như thế nào về API. Đó đó là sự tiện lợi và nâng cao của Adapter. Và bí quyết sử dụng

function run() var shipping = new Shipping(); var credentials = token: "30a8-6ee1"; var adapter = new ShippingAdapter(credentials); // original shipping object & 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ì bọn họ sẽ có sự hình dung rõ rệt hơn về adapted pattern. Thật ra, đầy đủ kiến thiết pattern này chúng ta buộc phải khám phá với ví như hoàn toàn có thể đọc sâu hơn, vị từng dự án, từng cửa hàng đều phải có qui định của nó. Việc jojn vào cùng nhanh lẹ hoà nhập được thì cũng đề nghị hiểu qua đầy đủ kiến thức nlỗi Factory pattern, Singleton pattern...

Nhớ tìm hiểu thêm 3 phần trước:

Phần 1: Builder pattern là gì? Xây dựng một dòng ô tô sử dụng 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ế 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 *