奇怪的关闭行为

Question

由于某种原因，以下代码的行为并不像我预期的那样——可能是由于我对它应该如何行为的误解。

var contentPane = widget.children("div.content").first();

var success = function (content) {
    return function (data, successCode, httpRequest) {
        content.innerHTML = data;
    };
}(contentPane); 

我已经附加了我的调试器（无论如何，Firebug），它看起来像 content.innerHTML = data; 行上的“内容”是 Window 对象，而我应该是 的结果var contentPane = widget.children("div.content").first();，正确吗？

请注意，如果我在函数之前设置断点，则 contentPane 确实会设置为我期望的内容（与 div.content 匹配的 jQuery 对象）。这是怎么回事，我错过了什么？

Answer 1

这是他们添加的 $.proxy() 的内容1.4 :)，像这样：

var contentPane = widget.children("div.content").first();

var success = $.proxy(function (data, successCode, httpRequest) {
                       this.innerHTML = data;
              }, contentPane);

这只是使常见情况的闭包声明变得更短， $.proxy（函数，whatThisIs）。

---

对于“怎么了？”部分...什么都没有，您确定您正在检查正确的变量吗？ this 指的是函数内的 window，但 content 是您想要的 jQuery 对象...您可以在此处查看快速测试：http://jsfiddle.net/vhcde/

Answer 2

问题可能出在您的选择器上。在此页面上运行时，以下内容运行良好

var contentPane = $("#header")[0];

var success = (function (content) {
    console.info(content);
    return function (data, successCode, httpRequest) {
        console.warn(content);
        content.innerHTML = data;
    };
})(contentPane); 

success("ohai");

* 为了更加清晰，我在函数定义周围添加了括号。