javascript - 难以理解 JavaScript 编码

Question

我很难理解下面的代码的作用。这里有人可以帮我理解这段代码吗？

var PnPResponsiveApp = PnPResponsiveApp || {};

PnPResponsiveApp.responsivizeSettings = function () {
    // return if no longer on Settings page
    if (window.location.href.indexOf('/settings.aspx') < 0) return;

    // find the Settings root element, or wait if not available yet
    var settingsRoot = $(".ms-siteSettings-root");
    if (!settingsRoot.length) {
        setTimeout(PnPResponsiveApp.responsivizeSettings, 100);
        return;
    }
}

Answer 1

var PnPResponsiveApp = PnPResponsiveApp || {};

上面的行确保 PnPResponsiveApp 变量获取其旧值(如果已存在)，否则将其设置为新对象。

PnPResponsiveApp.responsivizeSettings = function () {

这里创建了一个新函数。

    // return if no longer on Settings page
    if (window.location.href.indexOf('/settings.aspx') < 0) return;

如果当前页面的URL不是设置页面，则该功能立即退出。

    // find the Settings root element, or wait if not available yet
    var settingsRoot = $(".ms-siteSettings-root");

这将获取具有 .ms-siteSettings-root 类的所有元素。

    if (!settingsRoot.length) {
        setTimeout(PnPResponsiveApp.responsivizeSettings, 100);
        return;
    }

如果找到任何元素(如果节点列表的长度不为零)，则在 100 毫秒内调用 PnPResponsiveApp.responsivizeSettings 函数。