SetInterval调用上的严格模式范围错误

时间:2013-04-20 17:23:34

标签: javascript jquery

下面是我正在尝试做的一个伪示例

在非严格模式下,这可行,但在严格模式下,当setInterval触发时,我得到一个未定义的错误。该脚本作为插件从另一个jquery脚本调用,然后调用init部分。

从这里阅读它似乎是一个全球范围/背景问题,但我不知道如何继续

(function($, window, document) {
    'use strict'; // remove and things work
    var opts,test;

    test = function(options) {
        opts = $.extend(test.prototype.opts, test.prototype.defaults, options);
    };

    test.prototype.Save = function () {
        console.log('hi');
    };

    test.prototype.defaults = {
        _interval_id: null
    };

    test.prototype.opts = {};

    $.bla.plugins.foobar = function() {
        var base = this,
            bar;

        base.init = function() {
            bar = new test();
            opts = test.prototype.opts;
            bar.Save(); // works
            opts._interval_id = setInterval('bar.Save();', 10000); //  called but bar is not defined
        };
    };
})(jQuery, window, document);

1 个答案:

答案 0 :(得分:1)

当字符串由setInterval解释时,它位于全局范围内,而不是调用它的函数的范围。传递实际函数来调用,而不是字符串:

setInterval(bar.Save, 10000);

如果您允许修改barbar.Save,并且您希望自动选择更改,则应每次都传递一个重新评估它的函数:

setInterval(function() { bar.Save(); }, 10000);