奇怪的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/