javascript高级知识点——函数的长度

浏览数：25 / 时间：2015年06月08日

代码信息来自于http://ejohn.org/apps/learn/。

函数的长度属性如何工作？

function makeNinja(name){} 
function makeSamurai(name, rank){} 
console.log( makeNinja.length == 1, "只定义了一个形参" ); 
console.log( makeSamurai.length == 2, "定义了两个形参" );

很清楚，函数的长度就是定义形参的个数。

我们可以利用这一点写重载函数

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 ); 
  }; 
}

来看一看重载函数的运用

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 ); 
  }; 
}
 
function Ninjas(){ 
  var ninjas = [ "Dean Edwards", "Sam Stephenson", "Alex Russell" ]; 
  addMethod(this, "find", function(){ 
    return ninjas; 
  }); 
  addMethod(this, "find", function(name){ 
    var ret = []; 
    for ( var i = 0; i < ninjas.length; i++ ) 
      if ( ninjas[i].indexOf(name) == 0 ) 
        ret.push( ninjas[i] ); 
    return ret; 
  }); 
  addMethod(this, "find", function(first, last){ 
    var ret = []; 
    for ( var i = 0; i < ninjas.length; i++ ) 
      if ( ninjas[i] == (first + " " + last) ) 
        ret.push( ninjas[i] ); 
    return ret; 
  }); 
} 
 
var ninjas = new Ninjas(); 
console.log( ninjas.find()); 
console.log( ninjas.find("Sam")); 
console.log( ninjas.find("Dean", "Edwards")); 
console.log( ninjas.find("Alex", "X", "Russell"));

实例化ninja时，向ninja执行了4次添加方法，每次都覆盖在find属性上，根据闭包的作用域链，新的方法仍然可以引用addMethod里old，old保存的是上一个方法。

最后的find就是判断参数，与形参数量是否相同，是就执行，不是就调用old的方法。如此反复。

等同于以下代码

var ninjas = {
    find: function(){
        var ninjas = [ "Dean Edwards", "Sam Stephenson", "Alex Russell"] 
        var old = function(){
            var ninjas = [ "Dean Edwards", "Sam Stephenson", "Alex Russell"] 
            var old = function(){
                var ninjas = [ "Dean Edwards", "Sam Stephenson", "Alex Russell"] 
                var old;
                var fn =   function(){ 
                    return ninjas; 
                  }
                if ( fn.length == arguments.length ) {
                  return fn.apply( this, arguments ); 
                }else if ( typeof old === "function" ) {
                  return old.apply( this, arguments ); 
                }
            };
            var fn =  function(name){ 
                var ret = []; 
                for ( var i = 0; i < ninjas.length; i++ ) 
                  if ( ninjas[i].indexOf(name) == 0 ) 
                    ret.push( ninjas[i] ); 
                return ret; 
              }
            if ( fn.length == arguments.length ) {
              return fn.apply( this, arguments ); 
            }else if ( typeof old === "function" ) {
              return old.apply( this, arguments ); 
            }
        }
        var fn =  function(first, last){ 
            var ret = []; 
            for ( var i = 0; i < ninjas.length; i++ ) 
              if ( ninjas[i] == (first + " " + last) ) 
                ret.push( ninjas[i] ); 
            return ret; 
        }
        if ( fn.length == arguments.length ) {
          return fn.apply( this, arguments ); 
        }else if ( typeof old === "function" ) {
          return old.apply( this, arguments ); 
        }
    },
}
console.log( ninjas.find()); 
console.log( ninjas.find("Sam")); 
console.log( ninjas.find("Dean", "Edwards")); 
console.log( ninjas.find("Alex", "X", "Russell"));