代码信息来自于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"));
时间: 2024-10-25 15:57:42