JavaScript 中 console 有哪些 api
在JavaScript中,console
对象提供了多个API用于在控制台输出信息、进行调试和性能分析等。下面是一些常用的console API:
-
console.log(message1, message2, ...):
-
用于在控制台输出一般信息。
-
示例:
console.log("Hello, world!"); // Hello, world!
-
-
console.error(error1, error2, ...):
-
用于在控制台输出错误信息。
-
示例:
console.error("Error: Something went wrong!"); // 错误信息:Error: Something went wrong!
-
-
console.warn(warning1, warning2, ...):
-
用于在控制台输出警告信息。
-
示例:
console.warn("Warning: This operation is deprecated!"); // 警告信息:Warning: This operation is deprecated!
-
-
console.info(info1, info2, ...):
-
用于在控制台输出一般信息。
-
示例:
console.info("Info: Here is some useful information."); // 一般信息:Info: Here is some useful information.
-
-
console.debug(debug1, debug2, ...):
-
用于在控制台输出调试信息。
-
示例:
const x = 42; console.debug("Debug: Variable x =", x); // 调试信息:Debug: Variable x = 42
-
-
console.table(data, columns):
-
以表格形式输出数组或对象的内容。
-
示例:
const data = [ { name: "John", age: 25 }, { name: "Jane", age: 30 }, { name: "Bob", age: 35 } ]; console.table(data); // 一个表格显示数据
-
-
console.clear():
-
清除控制台的输出内容。
-
示例:
console.clear(); // 清除控制台的输出内容
-
-
console.assert(expression, message):
-
在条件表达式为false时,输出错误消息。
-
示例:
const x = 10; console.assert(x > 20, "Assertion failed: x must be greater than 20"); // 错误消息:Assertion failed: x must be greater than 20
-
-
console.count(label):
-
计数特定标签的输出次数。
-
示例:
console.count("Iteration"); // Iteration: 1 console.count("Iteration"); // Iteration: 2 console.count("Iteration"); // Iteration: 3
-
再来几个:
-
console.time(label) 和 console.timeEnd(label):
-
用于计算代码块的执行时间。
-
示例:
console.time("Timer"); // 执行一些耗时操作 console.timeEnd("Timer"); // 输出执行时间,例如:Timer: 123.456ms
-
-
console.group(label) 和 console.groupEnd(label):
-
创建一个分组,在控制台中组织和嵌套输出。
-
示例:
console.group("Group 1"); console.log("Message 1"); console.log("Message 2"); console.groupEnd("Group 1");
-
-
console.trace():
-
输出当前的函数调用栈。
-
示例:
function func1() { func2(); } function func2() { console.trace(); } func1();
输出:
Trace at func2 at func1
-
-
console.dir(object):
-
显示一个对象的属性和方法列表。
-
示例:
const person = { name: "John", age: 30, city: "New York" }; console.dir(person);
输出:
{name: "John", age: 30, city: "New York"} age: 30 city: "New York" name: "John" __proto__: Object
-
-
console.profile([label]) 和 console.profileEnd([label]):
-
启动和停止JavaScript CPU分析器的记录,用于性能分析。
-
示例:
console.profile("Profile"); // 执行一些需要性能分析的操作 console.profileEnd("Profile");
-
-
console.timeStamp([label]):
-
在浏览器的性能分析器中创建一个时间戳。
-
示例:
console.timeStamp("Start"); // 执行一些操作 console.timeStamp("End");
-
-
console.memory:
-
输出内存使用情况的相关信息。
-
示例:
console.memory; // 一个MemoryInfo对象
-
这些API可以帮助我们更深入地了解和优化代码。根据具体需求,选择适当API来完成相应的任务。
转载自:https://juejin.cn/post/7243437099361959992