宝哥软件园

用控制台调试javascript

编辑:宝哥软件园 来源:互联网 时间:2021-09-10

用CONSOLE显示阵列。日志()

假设您构建了以下数组varlanguages=[{ name : ' JavaScript ',fileextension: '。js'},{name:' typescript ',fileextension: '。ts'},{name:' coffee script ',fileextension3360 '。咖啡

console.log(语言);Console.log()显示了如下数组

这个演示对开发非常有用,但是我发现手动点击每个对象很麻烦。这时,我觉得console.table()很有意思。

用CONSOLE显示数组。表()

现在让我们试试console.table():

非常小。有树吗?

当然console.table()更适合,表格格式的数据显示更完美。如果每个数组元素都有不同的结构,那么表中的许多网格都是未定义的。

用CONSOLE显示对象。表()

console.table()的另一个特性是显示对象。

var languages={ csharp : { name : ' c# ',paradigm: '面向对象' },fsharp: { name: 'F# ',paradigm: ' functional ' } }console.table(语言);

合适。

CONSOLE的过滤功能。表()

如果要限制console.table()显示一列,可以在参数中传入关键字列表,如下所示://多个属性键console。表(语言,['name ',' paradigm ']);

如果你想访问一个属性,一个参数就足够了。

//单个属性keyconsole.table(语言,‘name’);我曾经认为我知道Chrome开发工具的大部分功能,但现在我显然错了。请查看骚年的Chrome开发工具文档。

更多资讯
游戏推荐
更多+