javascript-适配器模式

Posted 惊涛随笔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript-适配器模式相关的知识,希望对你有一定的参考价值。

适配器模式笔记

  将一个类(对象)的接口(方法或属性)转化成另一个接口,以满足用户需求,使类(对象)之间接口的不兼容性问题通过适配器方法得以解决

demo实例:1.适配参数对象,使传入的参数完整 2.适配参数对象类型,通过适配器转换要传入的参数类型

1.适配参数对象,使传入的参数完整

 1             //1.用适配器来适配传入的这个参数对象(参数完整性)
 2             //传递对象做事情
 3             function doThing(obj){
 4                 //初始化一个json对象
 5                 var _adapter = {
 6                     name : "清荷",
 7                     title : "设计模式",
 8                     age : 24,
 9                     color : "pink",
10                     size : 100,
11                     prize :50
12                 };
13                 //遍历对象属性
14                 for(var i in _adapter){
15                     _adapter[i] = obj[i] || _adapter[i];
16                 }
17                 return _adapter;
18             }

参数测试数据对象

1             var obj = {
2                 name : "荷叶",
3                 title : "模式",
4             };

测试代码

1             console.log(doThing(obj));

2.适配器 :参数类型转换如数组转为对象

1             //2.适配器 :参数类型转换如数组转为对象
2             function arrToObjAdapate(arr){
3                 return {
4                     name : arr[0],
5                     type : arr[1],
6                     title : arr[2],
7                     data : arr[3]
8                 };
9             }

测试数据数组

1            var arr = [\'javascript\' , \'book\' ,"javascript设计模式",\'10月21日\'];

测试代码

1             var adapteData = arrToObjAdapate(arr);
2             console.log(adapteData);

浏览器显示

以上是关于javascript-适配器模式的主要内容,如果未能解决你的问题,请参考以下文章

适配器在JavaScript中的体现

需要从寻呼机适配器识别当前视图片段

JAVA SCRIPT设计模式--结构型--设计模式之ADAPTER适配器

javascript设计模式

如何解析 MPD 清单视频文件并获取图像适配集的片段?

JavaScript设计模式 Item9 --适配器模式Adapter