两次console.log打印值不同

         var a=[1,2,3]
         console.log(a);
         a[2]=10;
         console.log(a);
         // 打印结果
         // (3) [1, 2, 3]
         // (3) [1, 2, 10]

         // 点击小箭头展开
         // (3) [1, 2, 3]
         // 0: 1
         // 1: 2
         // 2: 10
         // length: 3
         // __proto__: Array(0)

         // (3) [1, 2, 10]
         // 0: 1
         // 1: 2
         // 2: 10
         // length:
         // 3__proto__: Array(0)

因为当你在Chrome Console点击展开数组时，会重新去读一遍内存真实的值然后显示，一但展开后就不会再变。

chrome的console打印对象的时候，查看值是点击展开时再详细获取的，整个流程：

1. 空对象声明

2. 执行console，chrome打印对象，传递的是对象的引用

3. FileReader完成，赋值data给对象

4. 你在console中，点击展开值，通过对象引用，获取到对象的详细值

你可以看到截图Object {} [i]这里有个[i]的图标，有对应的对象console说明:value below was evaluated just now

console的其他用法

1.console.log占位符

console.log("%d年%d月%d日",2011,3,26);

打印结果为2011年3月26日

2.console.group 信息分组

    //组之间嵌套 group1包含group2
    console.group('group1')
    console.log('member1')
    console.log('member2')
    console.group('group2')
    console.log('member3')
    console.log('member4')

    //添加end 组1与组2并列
    console.group("第一组信息");    　　　　
    console.log('member1')
    console.log('member2')
    console.groupEnd();
    console.group("第二组信息");
    console.log('member3')
    console.log('member4')
    console.groupEnd();

3.console.dir()显示一个对象所有的属性和方法。