JavaScript中console.log()函数的用法

最新推荐文章于 2025-06-27 09:59:36 发布
最新推荐文章于 2025-06-27 09:59:36 发布
阅读量5.7k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43249530/article/details/95990215
博客介绍了一种方法，它和alert方法类似，但显示位置不同。alert()方法将结果显示在浏览器页面上，而该方法使用console.log()函数，会把结果显示在控制台。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  • 其实这个方法和alert方法类似，唯一不同的是该方法是显示在控制台的，而alert()方法是显示在浏览器上的，比如：
<script>
 var a=23.4;
 alert(typeof(a));
</script>

这是使用alert()函数的结果，显示在页面上
在这里插入图片描述

<script>
 var a=23.4;
 console.log(typeof(a));
 </script>

这是使用console.log()函数的方法，会将结果显示在控制台上
在这里插入图片描述

JavaScript程序基础（三）用console.log()方法在网页中调试JavaScript
授业中寻找乐趣
03-15 1745
在JavaScript中，经常面临需要测试查看数据结果的情况，如果都是用alert()方法将数据弹出来，会有很多不便。 我们在调试JavaScript时，更常用console.log()方法来进行调试。 编写一段js代码，console.log()用于在控制台输出信息，网页上不会显示。 <html> <head> <title>JavaScript简介</title> </head> <body> <script typ
JavaScript日志工具介绍
03-01
操作步骤： 1：打开calc.htm 2: Alt+D打开调试窗口 博文链接：https://fuhao9611.iteye.com/blog/72374
console.log 用法
weixin_45677987的博客
02-19 2091
console.log()| 作用： 前端调试js 代码的时候： 使用alert 调试。 但是alert 会阻断js 的执行。 而且对一些类型的变量无法输出。造成一些不必要麻烦。 console.log(): 定义： console.log () 可以将变量输入到浏览器控制台中，方便开发者调试代码： 使用频率很高的功能。 console.log(var); var: 数据类型： var: 可以是变量， 数组类型， 对象类型， 或者字符串类型。 ...
详解前端console.log自定义打印列表图片和调试
最新发布
鹏多多的博客
06-27 1252
本文全面介绍了JavaScript中Console对象的多样化调试功能。基础部分涵盖debug/log/info等不同级别的信息打印；数据可视化展示了表格形式的数据呈现和分组日志管理；性能调试方面包括计时器、计数器和对象结构分析；错误处理环节讲解堆栈跟踪和断言机制；高级特性包含控制台样式自定义和图片打印技巧。这些方法为开发者提供了从基础调试到复杂性能优化的全套工具，显著提升开发效率。
console.log的高级用法
weixin_44953664的博客
04-23 813
//基本用法 console.log('最常见用法\n换行'); console.error('输出错误信息 会以红色显示'); console.warn('打印警告信息 会以黄色显示'); console.info('打印一般信息'); console.clear();//清空上面的console显示 ...
＜JavaScript基础-console.log控制面板＞
weixin_45540964的博客
11-26 144
javascript基本知识之console.log()
代码人生的博客
05-08 2810
HTML DOM console.log() 方法
Console 相关方法使用
i_Satan的博客
09-18 2066
​​console.debug​​​ 属于 ​​Verbose​​ 类型信息，级别很低。注意： 一个完整的信息分组以 ​​console.group()​​​ 开始，​​console.groupEnd()​​ 结束。作用： 输出警告信息，信息最前面加一个黄色三角，表示警告（常用于底层框架或插件中，在浏览器为开发者抛出警告信息）作用： 输出错误信息，信息最前面加一个红色，表示错误（常用于底层框架或插件中，在浏览器为开发者抛出错误信息）作用： 如果断言为 false，则在信息到控制台输出错误信息；
JS调试之console.log（）的作用
weixin_30732825的博客
11-14 554
一、什么是console.log（） 图为Chrome浏览器下打开的百度首页的console 在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log（）函数，可以在控制台中打印信息。 二、console.log（）的用法 （待补充） 转载于:https://www.cnblogs.com/shireyhu...
JavaScript的console.log()方法怎么用？
m0_66316324的博客
01-11 9960
JavaScript的console.log()方法怎么用？
不要只会用conosle.log了，这几个console命令，让你的调试效率翻倍
邓占勇的博客
04-29 2529
console在前端开发中是最常用到的语法之一，在开发和调试过程中是不可缺少的工具，可以打印调试信息、查看对象内容、性能分析、错误定位等作用
console.log 会导致内存泄漏吗
hexiechuangxin的博客
02-13 986
console.log 会导致内存泄漏吗
console.log()的一些坑
qq_53939067的博客
08-12 290
console.log(a)的作用是瞬间打印当前形参的结果值,也就是变量a，如果你点击他打印出来的东西(如果能点击的话)，它会再次调用console.log()，而这时括号里形参会变为你点击的这个值的当前结果。当我点击控制台上的打印的东西（变量a）时，console.log会根据当前所点击的元素的引用地址，对当前所点击的元素进行解构，把结构出的数据进行打印，因为取的是引用地址，所以打印的是当前值。看一下，第一次打印的b的值也变为2了，这是因为浏览器取的是引用地址，所以是变量的最终结果值。
JS中typeof的用法
xiaokanfuchen86的博客
05-15 393
js是一门弱语言，它在声明变量时无需确定变量的类型，js在运行时会自动判断。那么如何判断一个变量的类型呢，js提供了typeof运算符，用来检测一个变量的类型。 1. typeof的语法 typeof是一个运算符，有2种使用方式：typeof(表达式)和typeof 变量名，第一种是对表达式做运算，第二种是对变量做运算。 2. typeof的返回值 typeof运算符的返回类型为字符串，值包括如下几种： 1. 'undefined' ...
var a = console.log(123)
Yang'blog
02-20 2536
如题：运行后，a的值是什么呢？132？undefined？答案是 undefined；因为，上面的表达式意思是将console.log(123)赋给变量a。我们都知道，console.log(123)是浏览器下的一个内置函数。但是需要注意的是‘123’并不是这个函数的返回值。所以，a的值不是123，console.log()只是实现了一个打印日志的功能。 例子：var a = (function(
前端面试题81（开发过程中console.log为什么会导致内存泄漏）
God's asylum的博客
07-18 444
当你在日志中打印对象时，特别是大型对象或包含循环引用的对象，浏览器的控制台会保持对这些对象的引用，以使其在控制台中可交互。即使原始引用被删除，控制台仍然持有该对象，阻止垃圾回收器回收它们，从而可能导致看似内存泄漏的情况。，尤其是在高流量应用中，会增加内存使用，因为浏览器需要存储这些日志信息。无关，但在调试过程中，如果错误地在控制台中保留了对这些对象的引用，可能会掩盖真正的问题所在。包含循环引用，通过序列化再解析的方式打印，可以避免在控制台中形成持久的引用链。在JavaScript开发中，
JS基础第一课
申小兮和林小兮的博客宝
07-13 2987
js流程控制（顺序结构、分支结构、循环结构）、运算符及优先级、js书写位置、输入输出语言、变量、数据类型的分类、转换
2021年JavaScript面试总结查错、复习
编程界明世隐的博客
03-17 6080
引言：最近在刷面试题，了解出题的范围和频率，把一些容易出错的点再复习一下，同时分享出来，希望对大家有一点点帮助！ 1、 点（.）VS=操作符优先级 let a = {n : 1}; let b = a; a.x = a = {n: 2}; console.log(a.x); console.log(b.x); 输出是什么呢？ undefined {n: 2} 这里就涉及到点（.）和=号的优先级问题了，因为点（.）优先级比=号高，这段代码...
undefined与null
weixin_30788731的博客
10-23 105
undefined 声明的变量尚未初始化 null 对象尚未存在 eg: var a; console.log(typeof a); 输出undefined var b= document.getElementById("b"); console.log(typeof b); console.log(null== b); 第一行输出object！ 这其实是javascrip...
console.log函数的用法
03-02
console.log函数是JavaScript中常用的一个函数，用于在控制台输出信息。它可以接受一个或多个参数，并将这些参数的值打印到控制台上。 console.log的用法如下： 1. 输出字符串或变量的值： console.log("Hello, World!"); // 输出字符串 console.log(42); // 输出数字 var name = "John"; console.log("My name is " + name); // 输出变量的值 2. 输出多个参数： console.log("Hello", "World"); // 输出多个参数，以空格分隔 3. 输出对象： var person = { name: "John", age: 30 }; console.log(person); // 输出对象的属性和值 4. 格式化输出： console.log("My name is %s and I am %d years old.", "John", 30); // 使用占位符格式化输出 5. 调试信息输出： console.log("Debugging information"); // 输出调试信息，用于调试程序 6. 输出表达式结果： console.log("The sum of 2 and 3 is", 2 + 3); // 输出表达式的结果 7. 输出数组： var numbers = [1, 2, 3, 4, 5]; console.log(numbers); // 输出数组的元素 总结一下，console.log函数是用于在控制台输出信息的函数，可以输出字符串、变量、对象、表达式结果等。它在开发过程中常用于调试和输出程序运行时的相关信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值