js 元模式

var test1, test2, test3;
test1.onmouseover = function(){
    console.log('this is test1');
    this.style.color = 'red';
};
test2.onmouseover = function(){
    console.log('this is test2');
    this.style.color = 'blue';
};
test3.onmouseover = function(){
    console.log('this is test3');
    this.style.color = 'yellow';
};

// 元模式优化 ,将不同的地方拿出来作为一个元
var test1, test2, test3;
var arr = [[test1,'this is test1', 'red'], [test2, 'this is test2', 'blue'], [test3, 'this is test3', 'yellow']];
function testAction(title, color){
    console.log(title);
    this.style.color = color;
}
arr.forEach((item) => {
    item[0].onmouseover = function(){
        testAction.call(this, item[1], item[2]);
    }
})


// 例二
extend();
function extend(){
    if(arguments.length == 1){
        for(var item in arguments[0]){
            this[item]=argument[0][item];
        }
    }else{
        for(var item in argumnets[1]){
            arguments[0][item]=arguments[1][item];
        }
    }
}
// 元模式优化
extend();
function extend(){
    var target=arguments[0];
    var source;
    if(arguments.length == 1){
        target = this;
        source = arguments[0];
    }else{
        target = arguments[0];
        source = arguments[1];
    }
    for(var item in source){
        target[item]=source[item];
    }
}

 

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页