zoukankan      html  css  js  c++  java
  • javascript console.log() 带来的疑惑

    这两天在写插件的时候无意间就被 console.log() 给坑到了。

     看下面这个例子:

        var obj = {'k1':[1,2,3], 'k2':[2,3,4]}
    
        console.log( obj )        // {'k1':[0,2,3], 'k2':[2,3,4]}
        console.log( obj.k1 )  // [1,2,3]
    
        obj['k1'] = [0,2,3]
    
        console.log( obj )        // {'k1':[0,2,3], 'k2':[2,3,4]}
        console.log( obj.k1 )    // [0,2,3]

    是不是很奇怪, 未赋值之前的console.log() 居然显示赋值后的状态。 最坑的是数组对象居然没有受到影响,依然显示正常顺序的值! 我心里就想吧,obj  和 obj['k1'] 都是对象,为什么 obj 就奇怪点? 我甚至还想到了 引用传值,作用域声明。真是伤脑筋! 

    最后还是请教一位同事发现是 console.log() 的问题。

    然后就换了 alert() 

    当然 alert() 直接打印不出来对象,那就使用  alert( JSON.stringify() ),可以正常显示,后来试了 

     console.log( JSON.stringify(obj) )  也可以
        var obj = {'k1':[1,2,3], 'k2':[2,3,4]}
    
        console.log( JSON.stringify(obj) )        // {'k1':[1,2,3], 'k2':[2,3,4]}
        console.log( JSON.stringify(obj.k1) )  // [1,2,3]
    
        obj['k1'] = [0,2,3]
    
        console.log( JSON.stringify(obj.k1) )        // {'k1':[0,2,3], 'k2':[2,3,4]}
        console.log( JSON.stringify(obj) )    // [0,2,3]

    如果想显示对象还可以长这样:

    console.log( JSON.parse(JSON.stringify(obj)) ) 

    好吧,这真是个不小的坑! 

    搜了一下发现: console.log 将在最后一个执行状态显示对象,而不是在调用 console.log的状态。

    最后还是不明白,为什么 obj 和 obj.k1 同为对象, console.log() 打印不同?

  • 相关阅读:
    Hive的安装和建表
    在MarkDown中插入数学公式对照表(持续更新)
    Beta版本冲刺总汇
    a版本十日冲刺总汇
    “我们只是信息的搬运工”
    调查报告
    Beta版本冲刺第七天
    Beta版本冲刺第六天
    Beta版本冲刺第五天
    Beta版本冲刺第四天
  • 原文地址:https://www.cnblogs.com/navysky/p/7805430.html
Copyright © 2011-2022 走看看