JavaScript方法重载(一)

最新推荐文章于 2025-06-08 09:01:50 发布

原创最新推荐文章于 2025-06-08 09:01:50 发布 · 747 阅读

0 ·

CC 4.0 BY-SA版权

web 同时被 2 个专栏收录

6 篇文章

订阅专栏

javascript

5 篇文章

订阅专栏

本文探讨了在JavaScript中实现函数重载的方法，通过使用闭包和动态修改对象属性来根据不同参数个数调用相应的函数实现。文章分析了一个具体示例，并讨论了这种方法的优缺点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在读中文版一书,其中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不是函数
所以这种写法虽然实现了不同参数个数的重载,但是没有判断参数的类型,而且也会使调用变慢.