JS实现继承和组件

prototype实现组件:

(function () {
            var sss = function (param) {
                this._init.call(this, param);
            };
            sss.prototype = {
                _init: function (param) { alert(param.id); this._param = param; this.callback = param.fncall; },
                play: function () { this.callback(); }
            };
            window.sss = sss;
        })()
        $(document).ready(function () {
            var rrr = new sss({ id: "222", fncall: callback });
            rrr.play();
        });
        function callback()
        {
            alert("callback");
        }

而jQuery.widget实现如下：

(function ($) {
    $.person=
   {
　　2B:"2B青年",

　　普通:"普通青年",

　　文艺:"文艺青年"
   };
    $.widget("person.2B", {
        options:
        {
           id:0,
           ****
        },
        //Jq自带init函数，初始化时自动调用
        _init: function () {
                2B也是需要初始化的。
            
        },
        _2B领域对象所有操作。
        2B对外开放的方法。
       //自己看着办
        callback:function(param){}
    });
})(jQuery);

实现2B之后突然有点后悔，想通过实现青年的继承来实现2B。

重新设计后实现如下：

基类

//普通boy
(function($){
    $.person=
    {
　　    2B:"2Bboy",
　　    普通:"普通boy",
　　    文艺:"文艺boy"
    };
    $.widget("boy",
    {
        //以下俩玩意是自带的，其实还有...
        option:
        {
            haveGirlFriend:false,
            skill:null,
            ...
        },
        init:function(){
            
        },
        _泡妞:function(){
            各种技能展示;
            成功，
            更新option，
            提交服务器保存各种泡妞经验值
        },
        被泡:function(){
            被人泡了之后更新各种状态。
        }
        各种接口如上;
    });
})(jQuery);

调用方式：

$(function () {
    //初始化 
    $("#sss").boy({
       haveGirlFriend:false,
       skill:"秒杀"
    });
    $("#eeee").click($.proxy(eeeClick,this));

    function eeeClick(){
        alert($("#sss").boy("被泡"));
    };
});

2Bboy:

//2Bboy :集成自boy组件
$.boy.2B = $.boy.extend({
    //2B特有特别初始化
    _init:function(){
        //先初始化boy共有的操作
        this.base();
        //2B特有的
        //...
    },
    //各种2B操作
});

(function($){
    $.person=
    {
　　    2B:"2Bboy",
　　    普通:"普通boy",
　　    文艺:"文艺boy"
    };
    $.widget("boy",
    {
        //以下俩玩意是自带的，其实还有...
        option:
        {
            haveGirlFriend:false,
            skill:null,
            ...
        },
        init:function(){
            
        },
        _泡妞:function(){
            各种技能展示;
            成功，
            更新option，
            提交服务器保存各种泡妞经验值
        },
        被泡:function(){
            被人泡了之后更新各种状态。
            返回被泡成功后的提示
        }
        各种接口如上;
    });
})(jQuery);