javascript - 我的 javascript 内存可以更简洁吗？

Question

我试图在我的 javascript 中存储对将频繁交互的页面元素的引用并使用以下代码:

var breadcrumbBar = null;
function getBreadcrumbBarElement() {
    if (breadcrumbBar === null) {
        breadcrumbBar = document.getElementById(breadcrumbBarElementId);
    }
    return breadcrumbBar;
}

但是，我想知道我是否可以比这更简洁或更惯用(从而更普遍地改进我的 JavaScript...)？

Answer 1

惯用的方法是使用逻辑or运算符:

var breadcrumbBar = null;
function getBreadcrumbBarElement() {
    return breadcrumbBar || (breadcrumbBar = document.getElementById(breadcrumbBarElementId));
}

或者，让其更通用一点:

var elementCache = {}

function getCached(id) {
    return elementCache[id] || (elementCache[id] = document.getElementById(id));
}