微信小程序之console.log()使用

console.log() 是 JavaScript 中的标准内置函数,主要用于在浏览器的控制台(Console)中输出信息,帮助开发者进行调试和跟踪代码运行状态。以下是一些基本和进阶的使用方法:

1、基础使用方法:

javascript 复制代码
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 可以接受多个参数,会依次输出:

javascript 复制代码
console.log('Hello,', 'World!', 123);

结果:

javascript 复制代码
Hello, World! 123

2.2、对象和数组的美化输出,展示其内部结构:

javascript 复制代码
let user = { name: 'Alice', age: 25 };
let array = [1, 2, 3, { name: 'Nested Obj'}];

console.log(user);
console.log(array);

结果:

2.3、格式化输出(CSS样式)------某些浏览器支持使用 %c 格式化字符来为输出内容添加样式:

javascript 复制代码
console.log('%cHighlighted Text', 'color: red; font-weight: bold;');

结果:

相关推荐
2501_915106321 小时前
app 上架过程,安装包准备、证书与描述文件管理、安装测试、上传
android·ios·小程序·https·uni-app·iphone·webview
2501_915106322 小时前
使用 Sniffmaster TCP 抓包和 Wireshark 网络分析
网络协议·tcp/ip·ios·小程序·uni-app·wireshark·iphone
宠友信息3 小时前
2025社交+IM及时通讯社区APP仿小红书小程序
java·spring boot·小程序·uni-app·web app
“负拾捌”3 小时前
python + uniapp 结合腾讯云实现实时语音识别功能(WebSocket)
python·websocket·微信小程序·uni-app·大模型·腾讯云·语音识别
换日线°21 小时前
NFC标签打开微信小程序
前端·微信小程序
光影少年1 天前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_915918411 天前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
2501_916007471 天前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克31 天前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信
菜鸟una1 天前
【微信小程序+Taro 3+NutUI 3】input (nut-input) 、 textarea (nut-texteare)类型使用避坑
前端·vue.js·微信小程序·小程序·taro