功能的Javascript

Question

在John Resig tutorial on Javascript超載，還有用於函數重載，一個代碼，我無法弄清楚它是如何工作：

function addMethod(object, name, fn){ 
    // Save a reference to the old method 
    var old = object[ name ]; 

    // Overwrite the method with our new one 
    object[ name ] = function(){ 
    // Check the number of incoming arguments, 
    // compared to our overloaded function 
    if (fn.length == arguments.length) 
     // If there was a match, run the function 
     return fn.apply(this, arguments); 

    // Otherwise, fallback to the old method 
    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; 
    }); 
} 

1. 爲什麼第二addMethod不隨寫第一個？
2. 爲什麼我們需要保留對old的參考？

Answer 1

你的兩個問題都可以互相回答。第二addMethod並覆蓋第一find與閉合，即由於含有第一find的old對象，能夠回落到它以防第二find失配參數計數。

當第三調用addMethod做，它基本上做同樣的事情，遞歸。因此它用另一個閉包覆蓋閉包，其中old是函數find與第二個查找關閉的對象，包含第一個的舊old對象。唷。

這裏有一個近似的圖形表示：

find -> [ find3 ] 
     [ old2 --]--> [ find2 ] 
         [ old1 --]--> [ find1 ] 
            [ null ]