javascript - 编辑功能但仍调用原始功能

Question

我正在尝试编辑 UI“类”下的每个函数以返回它们的第一个参数，但仍然运行它们的 native 代码。

这是我尝试过的:

for(var i in UI) {
    var cur = UI[i];
    UI[i] = function() {
        cur.call(this, arguments);
        return arguments[0];
    }
}

这将返回我的参数，但不再正确运行原始函数，因为未调用 UI 元素。

提前致谢。

Answer 1

典型 JavaScript closure inside loops – simple practical example问题。您的作用域中只有一个 cur 变量，它将在循环的最后一次迭代中分配给它的值。

使用 let 并正确传递参数(通过 rest args 和 apply):

for(let i in UI) {
    let cur = UI[i];
    UI[i] = function(...args) {
        cur.apply(this, args);
        return args[0];
    }
}

如果你被 ES5 困住了:

for(var i in UI) {
  (function(cur) {
    UI[i] = function() {
        cur.apply(this, Array.prototype.slice.call(arguments));
        return arguments[0];
    }
  }(UI[i]));
}