JavaScript方法重载(一)

最近在读中文版一书,其中79页(代码清单4.15)有一个函数重载的例子,感觉有点难懂.

function addMethod(object, name, fn) {
  var old = object[name];
  object[name] = function(){
    if (fn.length == arguments.length)
      return fn.apply(this, arguments);
    else if (typeof old == 'function')
      return old.apply(this, arguments);
  };
}

var ninjas = {
  values: ["Dean Edwards", "Sam Stephenson", "Alex Russell"]
};

addMethod(ninjas, "find", function(){
  return this.values;
});        //#0

addMethod(ninjas, "find", function(name){
  var ret = [];
  for (var i = 0; i < this.values.length; i++)
    if (this.values[i].indexOf(name) == 0)
      ret.push(this.values[i]);
  return ret;
});             //#1

addMethod(ninjas, "find", function(first, last){
  var ret = [];
  for (var i = 0; i < this.values.length; i++)
    if (this.values[i] == (first + " " + last))
      ret.push(this.values[i]);
  return ret;
});           //#2

assert(ninjas.find().length == 3,
       "Found all ninjas");//#3
assert(ninjas.find("Sam").length == 1,
       "Found ninja by first name");//#4
assert(ninjas.find("Dean", "Edwards").length == 1,
       "Found ninja by first and last name");//#5
assert(ninjas.find("Alex", "Russell", "Jr") == null,
       "Found nothing");//#6

按我的理解,应该是这个例子创建了三个闭包,每个闭包里能访问的是old和fn.
如下图所示,每当调用ninjas.find时都会顺着箭头网上找相应参数个数的函数.
#3 中的调用将会从2个参数的函数开始->1个参数的函数->0个参数的函数
#4 中的调用将会从2个参数的函数开始->1个参数的函数
#5 中的调用将会从2个参数的函数开始
#6 中的调用将会从2个参数的函数开始->1个参数的函数->0个参数的函数->old不是函数
所以这种写法虽然实现了不同参数个数的重载,但是没有判断参数的类型,而且也会使调用变慢.