javascript - 此代码片段中变量 `tmp` 的用途是什么？

Question

我很难理解以下代码中变量 tmp 的意义:

$.extend($.Widget.prototype, {
    yield: null,
    returnValues: { },
    before: function(method, f) {
        var original = this[method];
        this[method] = function() {
            f.apply(this, arguments);
            return original.apply(this, arguments);
        };
    },
    after: function(method, f) {
        var original = this[method];
        this[method] = function() {
            this.returnValues[method] = original.apply(this, arguments);
            return f.apply(this, arguments);
        }
    },
    around: function(method, f) {
        var original = this[method];
        this[method] = function() {
            var tmp = this.yield;
            this.yield = original;
            var ret = f.apply(this, arguments);
            this.yield = tmp;
            return ret;
        }
    }
});

为什么不简单地使用函数局部变量 var Yield 并在 around 方法中完全省略 tmp 呢？它有什么目的？这是常见的设计模式吗？

感谢您的一些提示。

Answer 1

显然该代码来自 Extending jQuery UI Widgets ，它提供了一些有用的上下文。该文章引用Avoiding Bloat in Widgets作为代码的来源。但是，原始版本没有 tmp 变量。

我喜欢添加tmp，因为它避免了原始代码所具有的副作用。考虑如何使用 around 函数:

YourWidgetObject.existingWidgetClass("around", "click", function(){
    console.log("before"); //or any code that you want executed before all clicks
    yield(); // executes existing click function
    console.log("after"); //or any code that you want executed after all clicks
}

无论有没有 tmp 杂耍，这都会按预期工作。 click 事件现在将在事件之前和之后执行额外的代码。

但是，如果您不使用 tmp 恢复 yield，则该对象的公共(public)方法 yield 现在将被重新定义。因此，如果有人有一个奇怪的想法，即在使用 around 之后调用 YourWidgetObject.yield()，它将执行 around 最后的任何现有方法已应用于(在本例中为单击)。

在请求澄清后添加:

假设您根本不恢复 yield，也不将其设置为 null。在上面的代码之后，您可以执行以下操作:

YourWidgetObject.existingWidgetClass("before", "focus", function(){
    yield(); // executes existing **click** function
}

yield 现在在焦点上执行点击函数，这是非常意外的行为。

您可以将 yield 设置为 null，而不是使用 tmp 恢复它吗？当然，就像现在一样，这不会有什么不同。但是，由于您可能会更改或添加其他方法，因此更谨慎的做法是让 around 方法不知道当前状态，即它不必知道 yield 始终为调用时为 null。

作为旁注，我认为这是一个糟糕的 around 方法，因为将事物放在事件周围并不一定是它的作用 - 您可以多次调用 yield你想要，或者根本不想要。对于真正的 around 方法来说，更明智的是接受两个回调，一个在事件之前执行，一个在事件之后执行。这样您就不需要首先公开 yield 方法。

around: function(method, before, after) {
    var original = this[method];
    this[method] = function() {
        before();
        original();
        after();
    }
}