在 JavaScript 中由装饰器重新定义后的原始函数值

Question

在装饰器模式中，原始函数可以像这样重新定义：original = wrapper(original) .如果以下示例中的wrapper2已被之前的wrapper函数(a + b + 12(重新定义，为什么它使用原始aa函数(a + b(？

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