重新定义变量

Question

您好我有代码替换document.write，创建缓冲区而不是将缓冲区推送到文档中：

var lazyLoad = (function () {

    var CONFIG = {
        block: '',
        url: ''
    };

    function work(){
        buffer = ''
        d.write = d.writeln = function(s){ 
                                    buffer += s
                                }
        d.open = d.close = function(){}
        s = d.createElement('script');       
        s.setAttribute('type','text/javascript');
        s.setAttribute('src',CONFIG.url);
        d.getElementById(CONFIG.block).appendChild(s)
        s.onload = function () {
            window.setTimeout(function() {

                console.warn(CONFIG.block + ' ' + buffer)
                d.getElementById(CONFIG.block).innerHTML += buffer;
                buffer = '';
            }, 0);
       }
    }

    return {
            init: function (options) {
                $.extend(CONFIG, options);

                window.d = document
                window.onload = function(){
                    work()
                }
            }

    }

})();

如果我开始一次：

lazyLoad.init({
            url: 'http://test1.com/test1.js',
            block: DIVID1
        })

但如果我再次使用其他参数调用它：

lazyLoad.init({
                url: 'http://test2.com/test2.js',
                block: DIVID2
            })

第一个init不会工作。 buffer将为空。我的错误在哪里？

Answer 1

通过调用$.extend(CONFIG, options)，您将使用新配置替换以前的配置。

相反，您应该创建一个数组并将每个options附加到它。