在JavaScript中由裝飾器重新定義原始函數值

Question

在裝飾器模式中，原始函數可能會重新定義爲：original = wrapper(original)。爲什麼wrapper2在下面的例子中使用原始的aa函數（a + b），如果在（a + b + 12）之前已經被wrapper函數重新定義了？

function aa(a, b) { 
 
    return a + b 
 
} 
 
console.log(aa)  //function aa(a,b) {return a+b} 
 
console.log(aa(1, 2)) //3 
 

 

 
function wrapper(fn) { 
 
    return function() { 
 
    return arguments[0] + arguments[1] + 12 
 
    } 
 
} 
 
aa = wrapper(aa) 
 
console.log(aa)  //function(){return arguments[0]+arguments[1]+12} 
 
console.log(aa(1, 2)) //15 
 

 

 
function wrapper2(fn) { 
 
    return function() { 
 
    return arguments[0] + arguments[1] + 120 
 
    } 
 
} 
 
aa = wrapper2(aa) 
 
console.log(aa)  //function(){return arguments[0]+arguments[1]+120} 
 
console.log(aa(1, 2)) //123

Answer 1

不使用FN可言。 試試這個：

function wrapper(fn) { 
    return function() { 
    return (fn(arguments[0], arguments[1]) + 12); 
    } 
}