8wDlpd.png
首页
8wDFp9.png
分类
8wDEOx.png
8wDMfH.png
消息
8wDKte.png
我的
  2. object
  3. Chrome 的 JavaScript 控制台在评估对象时是否很懒惰？

Chrome 的 JavaScript 控制台在评估对象时是否很懒惰？

lobati 2月前
102 0

我先从代码开始：var s = [\'hi\'];console.log(s);s[0] = \'bye\';console.log(s);很简单，对吧？响应此代码，Firefox 控制台显示：[ \'hi\' ][ “...

我将从代码开始： 

var s = ["hi"];
console.log(s);
s[0] = "bye";
console.log(s);

很简单，对吧？Firefox 控制台响应此消息并显示： 

[ "hi" ]
[ "bye" ]

太棒了，但是 Chrome 的 JavaScript 控制台（7.0.517.41 beta）显示： 

[ "bye" ]
[ "bye" ]

是我做错了什么吗，还是 Chrome 的 JavaScript 控制台在评估我的数组时特别懒惰？

Screenshot of the console exhibiting the described behavior.

帖子版权声明 1、本帖标题：Chrome 的 JavaScript 控制台在评估对象时是否很懒惰？
    本站网址：http://xjnalaquan.com/
2、本网站的资源部分来源于网络，如有侵权，请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点，并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
5、站长邮箱：yeweds@126.com 除非注明，本帖由lobati在本站《object》版块原创发布， 转载请注明出处！
收藏的用户（0） X
正在加载信息~
最新回复 (0)
  • 引用 12楼

    您可以使用以下方法克隆数组 Array#slice ： 

    console.log(s); // ["bye"], i.e. incorrect
console.log(s.slice()); // ["hi"], i.e. correct

    您可以使用不存在此问题的函数 console.log 如下： 

    console.logShallowCopy = function () {
    function slicedIfArray(arg) {
        return Array.isArray(arg) ? arg.slice() : arg;
    }

    var argsSnapshot = Array.prototype.map.call(arguments, slicedIfArray);
    return console.log.apply(console, argsSnapshot);
};

    不幸的是，对于对象的情况，最好的方法似乎是先使用非 WebKit 浏览器进行调试，或者编写一个复杂的函数进行克隆。如果您只处理简单对象，其中键的顺序无关紧要，并且没有函数，您可以随时执行以下操作： 

    console.logSanitizedCopy = function () {
    var args = Array.prototype.slice.call(arguments);
    var sanitizedArgs = JSON.parse(JSON.stringify(args));

    return console.log.apply(console, sanitizedArgs);
};

    所有这些方法显然都非常慢，因此与正常方法相比 console.log ，您必须在调试完成后将其剥离。

返回
作者最近主题：