浏览器控制台调试 JavaScript

目录

• 清空控制台
• 打印 JavaScript 对象
• 打印 JSON 字符串

清空控制台

console.clear()

打印 JavaScript 对象

Object.getOwnPropertyDescriptor() 方法返回指定对象上一个自有属性对应的属性描述符。（自有属性指的是直接赋予该对象的属性，不需要从原型链上进行查找的属性）

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

console.log('Object:\t%o', obj)
console.log('Object 所有自身属性的描述符:\t%o', Object.getOwnPropertyDescriptors(obj))
console.log('Object 所有可枚举属性的字符串数组:\t%o', Object.keys(obj))

打印 JSON 字符串

convert JavaScript object to JSON string

console.log('convert Object to JSON string\n%s', JSON.stringify(obj, null, 2))

console.log('convert Object to JSON string\n%c%s', 'color: red; font-style: italic; font-size: 13px', JSON.stringify(obj, null, 2))