zoukankan      html  css  js  c++  java
  • 使用console.table()调试javascript

    原文地址:http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable

    可能你已经习惯了console.log()来调试js,效果不错,但是今天无意间看到console.table()调试javascript,和console.log()类似,

    主要区别在于:

    1. 主要用来输出对象和数组;
    2. 更加直接的可视化,以表格形式展现;
    3. 可以单独输出某个或某几个属性;

    例:

    var languages = [ { name: "JavaScript", fileExtension: ".js" },
             { name: "TypeScript", fileExtension: ".ts" },
             { name: "CoffeeScript", fileExtension: ".coffee" }
    ];

    console.log(languages);

    console.log()查询出来的结果是:

    这棵树的视图有助于达到调试的目的,但觉得不够直观,所以,我们将用到console.table():

    console.table(languages);

    是不是很直观,妥妥的!

    不经如此,它还单独输出某个或几个属性哦!

    多个属性:

    // Multiple property keys
    console.table(languages, ["name", "fileExtension"]);

    单个属性:

    // A single property key
    console.table(languages, "name");
  • 相关阅读:
    函数递归,匿名函数
    生成器
    迭代器
    有参函数(认证功能)
    闭包函数和装饰器
    文件处理
    Celery介绍
    Redis 介绍
    GIT知识点
    前后端分离-前端配置
  • 原文地址:https://www.cnblogs.com/Dream-High/p/3434098.html
Copyright © 2011-2022 走看看