从外部函数更新命名空间模块变量

Question

我会尽量保持这个超级简单，只使用我目前拥有的代码的大纲。本质上我有一个命名空间模块，它是一个自调用函数，它在加载时运行并用它们的值填充变量和 returns 它们以使其他函数可以访问它们：

moduleA = function() {
    var a = $(window).height(),
        b = $('#imgs').height(),
    // other variables that need updating

    return {
       windowH: a,
       imgH: b
    }
}();

然后在滚动时调用的另一个函数中访问这些变量：

function scrollSpeed() {
    var start = $('#article-wrap').offset().top,
        end = (start + moduleA.imgH) - moduleA.windowH;

    //use variables in animations
}

$(window).scroll(function() {
    scrollSpeed();
})

上面的问题是当我调整 window 大小时我需要更新 moduleA 中的变量。最初我在模块中写了一个函数 "update()" 并返回它，然后在我的 debounced resize 函数中调用了它，但这不起作用？

moduleA = function() {
    var a = $(window).height(),
        b = $('#imgs').height(),
    // other variables that need updating

    function update() {
       a = $(window).height(),
       b = $('#imgs').height(),
       ...// other variables that are updated
    }

    return {
       windowH: a,
       imgH: b,
       update: update
    }
}();

var resizeFn = debounce(function() {
    moduleA.update();
}, 100);

显然我没有在这里包含所有内容，我可以根据要求提供。我哪里出错了？

Answer 1

您还需要更新对象属性：

function update() {
   a = $(window).height(),
   b = $('#imgs').height(),
   ...// other variables that are updated

   this.windowH = a;
   this.imgH = b;
}

从外部函数更新命名空间模块变量

Update Namespace Module Variables from external function

javascript

jquery

resize

namespaces