javascript - 防止在 jquery 中进行多次 DOM 搜索

Question

我创建了一个函数来返回一个 jquery 元素。

function GetDialogButton() {
    return $('a.dialog');
};

这是因为在多个其他函数中使用了相同的元素。我认为最好是从一个地方获取它，因此如果属性名称更改，将来更容易更改。

我想改进这个 getter，这样它就不会在一次页面加载中多次调用时每次都执行搜索。

我该怎么做？我缓存它吗？或者也许没有必要，因为它已经过优化？

Answer 1

可以创建缓存变量，但会再次污染全局命名空间

var dialogButton;
function GetDialogButton() {
    if(dialogButton){
        return dialogButton;
    }

    dialogButton = $('a.dialog');
    return dialogButton;
};