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

结果:

相关推荐
fakaifa3 小时前
【最新版】西陆洗车系统源码全开源+uniapp前端+搭建教程
java·小程序·uni-app·php·源码下载·西陆洗车·洗车小程序
m0_726365834 小时前
2025年微信小程序开发:趋势、最佳实践与AI整合
人工智能·微信小程序·notepad++
gurenchang6 小时前
动态设置微信小程序页面标题(navigationBarTitleText属性)
微信小程序·小程序
Emma歌小白7 小时前
ReferenceError: wx is not defined
微信小程序
老李不敲代码10 小时前
榕壹云健身预约系统:多门店管理的数字化解决方案(ThinkPHP+MySQL+UniApp实现)
mysql·微信小程序·uni-app·php·软件需求
幽络源小助理11 小时前
SpringBoot+Vue+微信小程序校园自助打印系统
java·spring boot·微信小程序·小程序·vue
程序员陆通13 小时前
Cursor + Claude 4:微信小程序流量主变现开发实战案例
微信小程序·小程序
汤姆yu1 天前
基于微信小程序的垃圾分类系统
微信小程序·小程序
ywyy67981 天前
小程序定制开发:从需求到落地,打造企业专属数字化入口
大数据·网络·人工智能·小程序·短剧
Mr.Liu61 天前
小程序32-简易双向数据绑定
前端·微信小程序·小程序