javaScript设计模式中的掺元类

今天虽然周末但是没有撒懒,因为媳妇要上班所以我得送她下去,一方面也是习惯了早起,睡不住。好久没有发表文章了，今天特意上来发表发表文章 ，呵呵。

以下是javascript的掺元类的一个demo，什么是掺元类呢，据我的理解掺元类你可以把他当做c里面的头文件，或者是java中的基类，然后呢其他的类想用这个类里面的方法，那么就直接继承它就可以了，但是这里的继承又不是java中的那种继承，其实更应该理解为对基类中方法的copy。下面上代码看看：

首先我们写一个User类，如下

function User(name,age){
    this.name = name;
    this.age = age;
};
User.prototype = {
    setName : function(n){
        this.name = n;
    },
    getName : function() {
        return this.name;
    },
    setAge : function(age){
        this.age = age;
    },
    getAge : function(){
        return this.age;
    }
};

然后呢再写一个掺元类，如下

var Mixin = function(){};
Mixin.prototype = {
    serialize : function(){//写这个方法的意图是为了查看类继承了掺元类后的结构
        var output = [];
        for(v in this){    //这里的this是指当前类,v代表中的中的属性（包含方法），this[v]表示属性的value
            output.push(v+':'+this[v]);
        }
        return output.join(",");    //这句话的意思是序列化继承后的当前类
    },
    name_age : function(){
        return this.name+"_"+this.age;
    },
    bb : function(){}
};

当然了掺元类本身不具备copy的功能，我们必须要写一个使用掺元类的方法的方法，如下

//copy掺元类里面所有的方法

function augment2(re,giv){
    for(mth in giv.prototype){
        if(!re.prototype[mth]){
            re.prototype[mth] = giv.prototype[mth];
        }
    }
};

/
function augment(re,giv){

//if的意思是根据自己的意愿copy需要的方法，而不是所有的
    if(typeof(arguments[2]) == 'object'){//这里要判断第三个参数是否为数组 这里不严谨大家自己改下
        for(var i=0;i<arguments[2].length;i++){
            re.prototype[arguments[2][i]] = giv.prototype[arguments[2][i]];
        }
    }else{

//这里的意思是如果没有第三个参数，或者是其他的那么直接copy掺元类里面的所有的方法到当前类
        augment2(re,giv);
    }
}

//这句话很重要，这句话的意思是继承掺元类，如果丢了这句话那么就无法使用掺元类里面的方法，这里只copy掺元类里面的serialize跟name_age方法

augment(User,Mixin,['serialize','name_age']);

如果写copy所有的方法那么就这样写

augment(User,Mixin);

接着我们实例化一个User对象

var au = new User('信科',23);

然后我们就可以调用掺元类里面的方法了

alert(au.serialize());

大家现在就可以观察效果了

希望大家多多指教，可能有的地方表示不准确，希望大家见谅！