javascript-适配器模式

时间:2023-03-10 08:42:11
javascript-适配器模式

适配器模式笔记

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

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

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

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

参数测试数据对象

             var obj = {
name : "荷叶",
title : "模式",
};

测试代码

             console.log(doThing(obj));

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

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

测试数据数组

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

测试代码

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

浏览器显示

javascript-适配器模式