微信小程序之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;');

结果:

相关推荐
源码_V_saaskw9 天前
宇鹿家政服务系统小程序ThinkPHP+UniApp
微信小程序·小程序·uni-app·微信公众平台
说私域9 天前
云零售新中枢:定制化“开源AI智能名片+S2B2C商城小程序”驱动的沉浸式触点进化论
人工智能·小程序·开源·零售
伍哥的传说9 天前
React 轻量级状态管理器Zustand
前端·javascript·react.js·小程序·前端框架·ecmascript
好好的哦10 天前
抖音小程序支付错误码141211
小程序·uni-app
橘子海全栈攻城狮10 天前
【源码+文档+调试讲解】基于web的运动健康小程序的设计与实现y196
java·开发语言·小程序·notepad++
即可皕10 天前
WebSocket长连接在小程序中的实践:消息推送与断线重连机制设计
websocket·网络协议·小程序
Haibakeji10 天前
海拔案例分享-门店业绩管理小程序
大数据·小程序
鱼雀AIGC10 天前
如何仅用AI开发完整的小程序<3>—创建小程序基础框架
小程序·aigc·ai编程
素界UI设计10 天前
北斗导航深度接入小程序打车:高精度定位如何解决定位漂移难题?
小程序
郭玉齐10 天前
uniapp+vue3做小程序,获取容器高度
小程序·uni-app