标签：console rend 适配器 JS log 设计模式 id name

JS设计模式-适配器模式

当数据格式要求等发生变化时我们往往采用适配器模式

小例子

function getBeijingCity()
{
    var address = [
        {name:'chaoyang',id:101},
        {name:'haiding',id:102}
    ]
    return address
}

//我们原来要求的数据格式为[{name:  ,id:  }.....]
//当我们对数据的要求发生变化时
//比如变成了
//{name:id,.....}
//即可以通过适配器函数来改变数据的结构

function addressAdapter(oldFn){
    var oldAddress = oldFn(), //原数据
        newAddress = {},
        item
    for(var i = 0; i<oldAddress.length; i++){
        item = oldAddress[i]
        newAddress[item.name] = item.id
    }
    return function(){
        return JSON.stringify(newAddress)
    }
}

假定存在一个渲染函数方便我们观察结果

function rend(fn){
    console.log("开始渲染");
    console.log(fn());
    console.log('结束渲染');
}
//rend(getBeijingCity)  //适配前
rend(addressAdapter(getBeijingCity)) //适配后

标签：console,rend,适配器,JS,log,设计模式,id,name
来源： https://www.cnblogs.com/qianduanxiaozhi1/p/15863590.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。