javascript - 不确定如何从新范围调用我的函数

Question

希望这个标题是正确的:)

我使用模块化模式:

(function (vvv, $, undefined) {
    'use strict';

    vvv = (function () {
        vvv.functionName = (function () {
            ...
        });
   ......
}(
    window.vvv = window.vvv || {},
    jQuery
));

我还使用 David Walsh 制作的去抖功能

vvv.debounce = (function(func, wait, immediate) {
            var timeout;
            return function() {
                var context = this, args = arguments;
                var later = function() {
                    timeout = null;
                    if (!immediate) func.apply(context, args);
                };
                var callNow = immediate && !timeout;
                clearTimeout(timeout);
                timeout = setTimeout(later, wait);
                if (callNow) func.apply(context, args);
            };
        });

我使用 debounce 函数在特定窗口大小上调用其他函数。但现在在这些函数中我的主 vvv 对象不存在。现在为了快速解决这个问题，我只需调用 window.vvv.myfunction()。修复很好，但重点是我希望所有函数都在 vvv 对象中。不知道为什么，这更多是出于好奇:)你会如何解决这个问题？

Answer 1

手动将对象绑定(bind)到新函数。我猜你想做这样的事情:

vvv.debounce(function() { /* do stuff */ }.bind(vvv), 100);

但是请检查.bind()的浏览器兼容性，并非所有IE版本都支持此功能。您还可以使用jQuery.proxy:

vvv.debounce($.proxy(function() { /* do stuff */ }, vvv), 100);

这应该也适用于 IE。