javascript 关闭，不工作？

Question

我有一个函数，我调用它来检索滑动窗格（telerik splitter 控件） 我想我可以使用这个功能，

function getZone() {
        var slidingZone = $find("<%= slidingZone.ClientID %>");
        return function () { return slidingZone; };
    }

这样它就不必每次都“找到”滑动区域。但这不起作用。

这确实...

function getZone() {
        var slidingZone = $find("<%= slidingZone.ClientID %>");
        return slidingZone;    
}

你能告诉我为什么第一个不起作用吗？

顺便说一句，我就是这样使用的......

function hideTreePane() {
        var paneId = "<%= slidingPane.ClientID %>";
        getZone().undockPane(paneId);
        return true;
    }

Answer 1

因为你返回一个函数并且你需要评估它......
如果使用第一个功能，这可能会起作用。

function hideTreePane() { 
    var paneId = "<%= slidingPane.ClientID %>"; 
    var zoneFunc = getZone();
    zoneFunc().undockPane(paneId); 
    return true; 
} 

Answer 2

您需要调用从 getZone 返回的函数：

getZone()().undockPane( paneId );

它不起作用，因为函数 getZone 本身没有名为 undockPane 的成员。

编辑：

我认为这样做会更好：

function getZone() {
    if ( getZone.cache === undefined )
        getZone.cach = $find("<%= slidingZone.ClientID %>");
    return getZone.cache;
}

然后你会这样调用：

getZone().undockPane( paneId );

Answer 3

好吧，第一个函数返回一个函数，并且您希望执行内部函数。

如果您调用它的结果，您将看到它工作，例如：

getZone()();

我认为您想要以下内容，使用立即执行的匿名函数，仅调用 $find 方法一次，存储其结果：

var getZone = (function() {
  var slidingZone = $find("<%= slidingZone.ClientID %>");
  return function () { return slidingZone; };
})();

Answer 4

在第一个示例中，您返回一个函数，因此 getZone() 本身成为一个函数，您需要执行 getZone()() 来获取 slidingZone 你想要的值。

在这种情况下，无需将返回值包装在函数中。

Answer 5

您从第一个示例返回一个函数，而不是一个值。您需要评估该功能才能使其正常工作。尝试类似的东西。

var slidingZone;
function getZone() {
    if (!slidingZone) {
        slidingZone = $find( ... );
    }
    return slidingZone;
}

最好将其作为“类”的一部分，以便缓存变量不在全局范围内。