可能还有你不知道的 JavaScript 控制台方法

2024-05-11 17:10:30 浏览数 (4)

无论你是 Web 开发的初学者，还是经验丰富的开发人员，你都可能会发现还有你不知道的 JavaScript 控制台方法。

控制台日志

打印内容

我们都知道使用 console.log() 方法输出日志到浏览器控制台，log() 方法是控制台对象的基础：

代码语言：javascript复制
const hello = "Hello World!";
console.log(hello);

// Hello World!

占位符输出：

  • • %s 字符串
  • • %d 整数
  • • %f 浮点数
  • • %o 对象的连接
  • • %c css 格式字符串
代码语言：javascript复制
const currentDate = new Date();
const formattedDate = new Intl.DateTimeFormat("zh-CM").format(currentDate);

console.log("Today's date is %s", formattedDate);
// Today's date is: 11/29/2023

打印断言

console.assert( [,arg1, arg2……argn]) 第一个参数是用来判断是否打印断言的表达式，只有当表达式的值为false的时候，才会打印后续的参数：

代码语言：javascript复制
const arr = [1, 2, 3];

// 打印断言，如果arr[0]的值不等于2，则打印提示信息
console.assert(arr[0] === 2, 'arr[0]的值不等于2');

级别日志

可以输出不同级别的日志：console.info()、console.warn()、console.error()，效果与类似 console.log()，但输出格式不同（取决于浏览器），通常可以通过日志记录级别过滤输出。

代码语言：javascript复制
console.info("这是一个信息日志！");
// 这是一个信息日志！

console.warn("这是一个警告日志！");
// ⚠️ 这是一个警告日志！

console.error("这是一个错误日志！");
// 


	


javascript console 对象 日志 性能分析 




	






	

 0 人点赞