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

结果:

相关推荐
星光一影13 分钟前
悬赏任务平台/拉新地推系统源码
redis·mysql·小程序·php·uniapp·html5
2501_915918411 小时前
Fiddler抓包工具详解,HTTP/HTTPS抓包、代理设置与调试技巧一站式教程(含实战案例)
http·ios·小程序·https·fiddler·uni-app·webview
一匹电信狗1 小时前
【C++】哈希表详解(开放定址法+哈希桶)
服务器·c++·leetcode·小程序·stl·哈希算法·散列表
QuantumLeap丶2 小时前
《uni-app跨平台开发完全指南》- 04 - 页面布局与样式基础
vue.js·微信小程序·uni-app
www_stdio3 小时前
微信小程序入门:从零构建一个 Blog 小程序
微信·微信小程序
inx1773 小时前
微信小程序开发实战:从结构到数据绑定的完整实现
javascript·微信小程序
2501_915909064 小时前
iOS 发布 App 全流程指南,从签名打包到开心上架(Appuploader)跨平台免 Mac 上传实战
android·macos·ios·小程序·uni-app·cocoa·iphone
zy happy15 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
云起SAAS17 小时前
黄历万年历择吉日抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·黄历万年历择吉日
2501_9159184118 小时前
HTTP抓包工具推荐,Fiddler使用教程、代理设置与调试技巧详解(含HTTPS配置与实战案例)
http·ios·小程序·https·fiddler·uni-app·webview