Javascript实现super()。解决思路

Javascript实现super()。
近日比较蛋疼，突然想起Java中的super很好用，心血来潮就用js模拟了下，欢迎拍砖。(注：由于super是js保留字，所有使用mysuper作为函数名。)

Object.prototype.mysuper = function(){
var caller = arguments.callee.caller,
name;
for(var i in this){
if(this[i] === caller){
name = i;
break;
}
}
__proto = this.__proto__ || this.constructor.prototype;
return __proto[name]();
}
function Class(){
this.name = "class";
this.setName = function(name){
this.name = name;
}
this.getName = function(){
return this.name;
}
}
function Test(){
this.getName = function(){
return 'sub-' +  this.mysuper();
}
}
Test.prototype = new Class();
Test.prototype.constructor = Test;

var a = new Test();
alert(a.getName());

[解决办法]

引用:

心血来潮随手写的，肯定有bug，就没人拍砖吗。。

想法不错。

js实现面向对象编程模式，其中就需要定义关键字super。

给你看一段代码：实现了super关键字


Fan.package('Fan.test'); // 创建一个包

                // 创建类
Fan.clazz('Fan.test.A', function(){
                      var a = null; // 私有属性

                      this.aa = null; // 共有属性
                      
                      // 构造方法
      this.A = function(_a){
          $super(); // 调用父类构造方法
                          a = _a;
      };

      this.init = function(){
      alert2('A:init');
         };
      this.initEvent = function(){
         alert2('A:initEvent');
         this.show(1);
         };
      this.show = function(){
      alert2('Fan.test.A');
      };
  });

           // 创建类B，继承A
   Fan.clazz('Fan.test.B', Fan.test.A, function(){
       this.B = function(a, b){
           $super(a); // 调用父类构造器，并传参数
       };
       this.init = function(){
       alert2('B:init');
               $super.init.call(this); // 调用父类方法
           };
           this._initEvent = function(){
           alert2('B:initEvent');
               $super.initEvent.call(this); // 调用父类方法
           };
       this.show = function(){
       alert2('Fan.test.B');
       };
   });
   
           // 创建C，继承B
   Fan.clazz('Fan.test.C', Fan.test.B, function(){
           // 当没有提供构造方法时，默认存在一个构造方法，且构造方法中只有一句代码$super();
           //this.C = function(){
           //    $super();
           //};
           this.init = function(){
           alert2('C:init'); 
 
           this.initEvent();
           };
           this._initEvent = function(){
           alert2('C:initEvent');
               $super.getSuper().initEvent.call(this); // 调用父类的父类中的方法
           };
           this.show = function(p){
           alert2('C:show ' + p);
           if(p == 1){
           $super.initEvent.call(this);
           } else {
           this.init();
           }
           };
       });
   
   Fan.clazz('Fan.test.D', Fan.test.C, function(){
       this.D = function(){
           $super();
       };
       this.init = function(){
       alert2('D:init');
       $super.init.call(this);
       };
       this._initEvent = function(){
       alert2('D:initEvent');
       $super.initEvent.call(this);
       };
   });

           // 检测
   a = new Fan.test.D();
   a.show();

           // 类型检测
           a instanceof Fan.test.D   // true
           a instanceof Fan.test.C   // true
           a instanceof Fan.test.B   // true
           a instanceof Fan.test.A   // true
           a instanceof a.getClass() // true
           a instanceof a.getClass().superClass  // true
           a instanceof a.getClass().superClass.superClass  // true
           a instanceof Object       // true
             
           在a的实例方法中 ：$super instanceof this.getClass().superClass // true

[解决办法]

Object.prototype.mysuper = function(){
    var caller = arguments.callee.caller,
        name;
    for(var i in this){
        if(this[i] === caller){
            name = i;
            break;
        }
    }
    __proto = this.__proto__ 
[解决办法]
 this.constructor.prototype;
    try{
        return __proto[name].apply(this, arguments);
    }catch(e){
        alert(name + ' is undefined.');
    }
}
function Animal(){
    this.name = "animal";
    this.setName = function(name){
        this.name = name;
    }
    this.getName = function(){
        return this.name;
    }
}

function Cat(){
    this.name = "cat";
    this.setName = function(name){
        this.name = name;
    }
    this.getName = function(){
        return this.name + this.mysuper();
    } 
 
}

function Test(){
    this.getName = function(){
        return 'sub-' +  this.mysuper();
    }
}
Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;

Test.prototype = new Cat();
Test.prototype.constructor = Test;

var a = new Test();
alert(a.getName());

lz你看下上面这段代码。
如果单单只是实现一个父类，一个子类这样的。用this当然没什么问题。但是如果是父类，子类，进一步子类这样的继承链。用this就完蛋了。因为this只会指向最低端的类(因为会有对象冒充)。这也是为什么很多开源框架都用类似于静态变量的方法来实现super的根本原因。

另外，你的方法动了object的原型，不动原型的方法我的博客里有：
http://rainsilence.iteye.com/blog/1026530

Javascript实现super()。解决思路

热点推荐