奇怪的javascript函數的行爲

Question

這裏是JS忍者的祕密小例子：

function addMethod(obj, methodName, fn) { 
    const old = obj[methodName]; 


    obj[methodName] = function() { 
    if (fn.length === arguments.length) { 
     return fn.apply(this, arguments); 
    } else if (typeof old === 'function') { 
     return old.apply(this, arguments); 
    } 
    }; 
} 

let ninja = {}; 

addMethod(ninja, 'whatever', a => console.log(`one: ${a}`)); 
ninja.whatever(1); 
addMethod(ninja, 'whatever', (a,b) => console.log(a, b)); 
ninja.whatever(2, 2); 
addMethod(ninja, 'whatever', (a,b, c) => console.log(a, b, c)); 
ninja.whatever(3); 
console.log(ninja); 
console.dir(addMethod); 

，我不明白爲什麼在這個變量

const old = obj[methodName]; 

的工作，因爲這功能

a => console.log(`one: ${a}`) 

我認爲必須有這個func

(a,b) => console.log(a, b) 

，因爲它是在醇寫入前

Answer 1

所有的「老字號」的功能保持因爲每次調用'addMethod'都會創建一個不同的變量'old'（它只能在由'addMethod'函數體定義的範圍中訪問）

Answer 2

你的addMethod功能設置obj[methodName]是

function() { 
    if (fn.length === arguments.length) { 
     return fn.apply(this, arguments); 
    } else if (typeof old === 'function') { 
     return old.apply(this, arguments); 
    } 
} 

這就是你....