前端设计模式学习笔记

适配器模式

最近在使用react写管理方面的项目，了解了有关适配器模式，记录一下我的心得体会。

什么是适配器模式

适配器模式（Adapter Pattern）是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式，它结合了两个独立接口的功能。

使用场景

在react中涉及到组件之间传参，组件的复用，这些都是很强大的功能。

例一

但是在实际开发中，发现因为使用的场景不同，参数也不近相同，我的解决方法就是借鉴这个适配器模式；
我定义的适配器主要是符合当时场景的一个函数，传入一个参数，返回组件固定格式的props参数，这样就实现了组件复用时候的兼容；
在传参之前，使用函数包装一下这个参数

例二

有时候想把数组转换成对象，然后使用，也需要中间包装一下原来的变量。

总结

我理解的适配器模式就是将参数、接口，经过中间处理，然后使用；这个中间的处理就是一个适配器。