微信小程序中console.log()函数的基础与进阶用法
作者:木棉时间:2026-11-01 02:24:37浏览:299
本文详细介绍微信小程序开发中console.log()函数的多种用法。涵盖基础数据类型输出、多参数依次打印、对象与数组的美化展示,以及利用%c占位符结合CSS样式实现高亮输出的进阶技巧,帮助开发者提升调试效率。
console.log() 作为 JavaScript 的标准内置函数,主要功能是在浏览器控制台输出信息,协助开发者调试程序并跟踪代码执行状态。以下是其基本及进阶的使用指南:
1、基础使用方法:
console.log('简单的字符串输出');
console.log(123); // 输出数字
console.log(true); // 输出布尔值
console.log(null); // 输出 null
console.log(undefined); // 输出 undefined
console.log({ name: 'John Doe' }); // 输出对象
console.log([1, 2, 3]); // 输出数组
console.log(function() { return 'Hello'; }); // 输出函数(通常会显示函数的源码)2、进阶使用方法:
2.1、输出多个参数——console.log 支持接收多个参数,并按顺序依次输出:
console.log('Hello,', 'World!', 123);
运行结果:
Hello, World! 123
2.2、对象和数组的美化输出,展示其内部结构:
let user = { name: 'Alice', age: 25 };
let array = [1, 2, 3, { name: 'Nested Obj'}];
console.log(user);
console.log(array);运行结果:

2.3、格式化输出(CSS样式)——部分浏览器支持使用 %c 格式化字符,为输出内容添加特定的 CSS 样式:
console.log('%cHighlighted Text', 'color: red; font-weight: bold;');运行结果:

以上就是关于微信小程序中 console.log() 使用的详细介绍,更多相关技术内容可参考本站往期文章或继续浏览后续章节,感谢大家的支持!
作者最新文章
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object:数组类型检测误区解析
2026-11-04 19:50:47
D3.js 新手入门:环境搭建与第一个条形图实现
2026-11-04 10:49:48







