javascript-适配器模式

前端开发 2016-10-21

适配器模式笔记

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

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]
                 };
             }

测试数据数组

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

测试代码

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

浏览器显示

javascript-适配器模式

相关推荐