美文网首页Chrome DevTools 小贴士
19. 使用console.table 更好的展示对象 数组信息

19. 使用console.table 更好的展示对象 数组信息

作者: 澄澄真可爱 | 来源:发表于2021-03-17 07:35 被阅读0次
    console-table.gif
    var languages = [
        { name: "JavaScript", fileExtension: ".js" },
        { name: "TypeScript", fileExtension: ".ts" },
        { name: "CoffeeScript", fileExtension: ".coffee" }
    ];
    
    console.table(languages);
    

    补充

    属性太多还可以传第二个参数 ,只展示要某些字段 console.table(languages,['name']);

    使用console.time 诊断程序的运行时间

    console.time('My time #1');
    console.timeLog('My time #1'); //打印计时器时间
    console.timeEnd('My time #1');//打印计时器时间,并终止计时器
    

    使用 console.timeStamp() , 可以在录制性能时间线打标记,快速定位性能问题

    console-timestamp-timeline.gif

    相关文章

      网友评论

        本文标题:19. 使用console.table 更好的展示对象 数组信息

        本文链接:https://www.haomeiwen.com/subject/jujfcltx.html