奇怪的 JavaScript 行为，在调用转换器函数之前变量改变值

Question

我正在从 Smarty 传递一些 JSON 数据。我将其应用于 JavaScript 变量 options。

如果你看过我之前关于日期格式的问题，你就会知道我需要对传入的数据做一些工作，所以我有一个名为 chart_convert_dates() 的函数，它被调用，传入选项（好吧，options.data），然后在它返回时将其重新设置。

如果您通读我的代码，您会注意到我正在调试选项变量，它与原来的在调用函数之前发生了变化！？

如果我注释掉函数调用，则变量不会被触及，因为它应该在那个时候。

Chrome、FF 都会出现这种情况……这是怎么回事？

{literal}

    <script type="text/javascript">

        $(document).ready(function() {

            // set JS var, this data is coming in from smarty
            var options = {/literal}{$options}{literal};

            // these should both be exactly the same
            debug.debug({/literal}{$options}{literal});
            debug.debug(options);

            // but the above outputs aren't the same! options has been modified
            // by the function below... that hasn't even fired yet!? We can prove
            // this by commenting out the following function call

            options.data = chart_convert_dates(options.data);

            // ... do something else

        });

    </script>

{/literal}

Answer 1

这当然是不可能的。

您可能会发现debug.debug() 函数正在保存对其提供的对象的引用，而不是立即将其转换为字符串。当您稍后查看它的参数内容时，输出将反映对象的当前状态，而不是它当时所处的状态。

最好用下面的例子来解释：

var debug = {
    report: function () {
        // console.log(this._value);
    },
    debug: function (arg) {
        this._value = arg; // save a reference
    }
}

var options = {
    foo: 1
};

debug.debug(options);

options.foo = 2;

debug.report(); // will show 2 (http://jsfiddle.net/zQFPm/)

http://jsfiddle.net/zQFPm/