为什么console.log()后会有一个undefined

最新推荐文章于 2025-01-05 09:39:59 发布
最新推荐文章于 2025-01-05 09:39:59 发布
阅读量5k 收藏 8
点赞数 3
分类专栏： 前端 http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/djrm11/article/details/106028055
版权
本文探讨了在JavaScript中使用console.log()后为何会出现undefined的情况。原因在于控制台输出的是命令的返回值，而console.log()本身没有返回值，所以显示为undefined。文中还总结了关于浏览器控制台的一些小技巧，包括函数调用的返回值规则和多行表达式的输出行为。

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

https://blog.youkuaiyun.com/qiansuike/article/details/90765903

如题：
很多时候写js的时候，都会习惯在谷歌控制台直接试试表达式是否正确？正则是否匹配？

在浏览器控制台运行JS命令，不用配环境，不用整什么花里胡哨的，稳定又真实的浏览器环境，比如：

产生一个疑问，为什么console.log()打印完之后，会有一个undefined？

我以前也很疑惑，找寻答案以后，网上的主流答案说的函数没有返回值，我不太能接受。于是我自己在控制台摸索，又借鉴了别人的答案，了解google控制台的几个小语法(我自己瞎总结的)

① 当我们调试的时候，实质上控制台输出的是调试命令的返回值

② 如果调试命令本身就带有日志打印的语句ÿ

了解本专栏 订阅专栏 解锁全文
axios中两次异步请求时console.log()为undefined 解决方案
song17122328的博客
07-09 716
axios中两次异步请求时console.log()为undefined 解决方案
什么？console.log打印出的数据不对？
小陈的博客
11-17 2903
整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
在控制台console.log()之后会跟一个undefined的原因
qq_42791920的博客
01-05 2312
如图所示： 原因是：执行的函数没有返回值，而浏览器默认要打印出执行函数的返回值，才会打印undefined。 当我们调试的时候，控制台输出的是调试命令的返回值。 如果调试命令本身就带有日志打印的语句，则先执行命令的日志打印语句，后执行命令的返回值。 调用函数，则返回的是函数的返回值。 参考地址：https://blog.csdn.net/qiansuike/article/details/90765903 ...
控制台console.log()无论打印什么始终是undefined
最新发布
qq_38607577的博客
01-05 326
控制台console打印始终是undefined
console.log（）返回undefined
iceberg_sss的博客
09-05 5923
JavaScript：console.log()中返回数据为什么有一个undefined console.log（）定义 console.log是用来在控制台输出信息 本身是一个函数 函数是可以有返回值的，若不设置返回值，默认返回值为undefined 例子 浏览器控制台直接运行 控制台直接运行语句，会运行返回console.log本身的返回值undefined //情况1 console.log(console.log(1+1)) //先执行表达式1+1 结果为2 //再执行内层console..
冷知识，Chrome 控制台console.log()为什么返回undefined
热门推荐
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
02-24 1万+
综合上面三个例子，我们是不是对Chrome 控制台执行为啥输出undefined做出解释！本身并不返回任何值，在Chrome中，console.log() 是由开发工具的 Console 面板实现的。当代码中调用 console.log() 时，实际上是将输出内容传递给了 Console 面板，由它来负责显示。所以当我们在控制台使用时，它只是简单地将我们指定的信息打印到控制台上，而不会返回任何实际的值。因此，返回undefined是因为它本身没有返回值。
对浏览器console控制台输出undefined的分析
Jackie Huang
02-17 8017
ps: 如果有任何问题可以评论留言，我看到后会及时解答，评论或关注，您的鼓励是我分享的最大动力       转载请注明出处：https://blog.csdn.net/qq_40938301/article/details/87489046 问题描述： 类似于上图所示，在浏览器Console控制台输入js代码时，除了要得到的结果，还会有一个左箭头以及undefined的值的输出。 分析...
undefined symbol怎么解决_无情面试官：Node.js源码里的console.log怎么实现的？
weixin_39890327的博客
11-30 242
声明:最近一直在研究微前端、devops,写这篇文章仅是一个玩笑+简单的源码探究，面试时候不要拿我的文章出来问面试者,不然我怕你会被人身攻击(这个月我会出一篇硬核到头皮发麻的文章)废话不多，直接开始，找到console的模块，找到引入的模块，进入还是比较简单的，默认暴露globalConsole我之前在这两个烂文章里写过(之前写的感觉就是很烂)源码精读：通过Node.js的Cluster...
关于vue请求数据打印undefined的原因
m0_55905001的博客
06-15 1627
vue异步请求数据打印undefined
JavaScript调试技巧之console.log()详解
11-30
在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。比如，以下代码将在控制台中打印”Sample log”： ...
微信小程序基础类库 console.log在console窗口输出信息
厦门在乎科技
06-01 5385
console.log 方法用于在 console 窗口输出信息。它可以接受多个参数，将它们的结果连接起来输出。 Math属性 E LN10 LN2 LOG2E LOG10E PI SQRT1_2 SQRT2 以上属性的具体使用请参考 ES5 标准。 方法 abs acos asin atan atan2 ceil cos exp floor log max min pow random round sin sqrt tan 以上方法的具体使用请参考 ES5 标准。 JSON方法 stringify(ob
Vue用async和await处理axios请求 有请求并返回响应数据 控制台console输出是undefined？？？
weixin_50762268的博客
08-15 2831
Vue用async和await处理axios请求 有请求并返回响应数据 控制台console输出是undefined？？？ 我的是因为没有返回promise，没有.then处理，所以有请求有响应，控制台console是undefined，下面是我改进的代码。 封装axios拦截 //封装axios拦截器 import axios from 'axios' import Vue from 'vue' import { Promise } from 'core-js' let vue= new Vue() ax
解决Chrome升级后，在console输入JS代码提示undefined问题
qq_27791709的博客
11-20 2768
问题：Chrome升级后，在console输入JS代码一直提示undefined，如下 解决方式：在default levels中勾选：Info、Warnings/Errors 勾选完后恢复正常：
打开网页一瞬间样式没加载出来_网页性能检测performance
weixin_39579483的博客
12-12 295
网页性能检测-performance上一篇讲到看懂Chrome浏览器自带的Performance性能监控,但很多时候我们希望的是主动收集客户端的数据，浏览器的调试工具就有些无法满足了。推荐使用window.performance对象。一、performance是什么允许网页访问某些函数来测量网页和Web应用程序的性能，包括 Navigation Timing API和高分辨率时间数据。来...
console.log的返回值undefined
weixin_30326515的博客
12-11 1383
console.log(fun()); function fun(){ console.log(1); } //////输出结果为： 1 undefined console.log(fun());function fun(){return 1;} 输出结果只有1，没有undefined 转载于:https://www.cnblogs.com/oklfx/p/...
console.log()详解
weixin_43730646的博客
07-20 2153
https://jingyan.baidu.com/article/6dad507505f714a123e36e8a.html
console.log输出结果分别是什么？
weixin_47224517的博客
05-09 8621
1.console.log(([])?true:false); 2.console.log(([]==false?true:false)); 3.console.log(({}false)?true:false) 得到的结果分别是什么?（） 正确答案是C 解析: “true,true,false” 此题考察类型转换，三元运算符先分清是非，再决定今后再决定今后该走哪条路，“”运算符比较“喜欢”Number类型。 下面是题目的类型转换结果： Boolean([]); //true Number([]); //0
为什么console.log字段为空就不打印
11-13
`console.log` 是 JavaScript 中的一个全局函数，用于在控制台输出信息。如果某个变量、表达式或者对象的值在 `console.log` 中被赋值为 `null`、`undefined` 或者 `false`，那么在控制台上它将不会显示为空，而是直接显示相应的值。这是因为这几个特殊的值被认为是“假”或空的，所以它们不会像字符串或其他类型的值那样被自动转换为空字符串。 例如： ```javascript let myVar; console.log(myVar); // 输出 undefined let anotherVar = null; console.log(anotherVar); // 输出 null let boolVar = false; console.log(boolVar); // 输出 false ``` 如果你想要在 `console.log` 中得到一个空字符串，你需要显式地将其设置为 `" "` 或 `""`： ```javascript let emptyString = ""; console.log(emptyString); // 输出 "" ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hello_world!

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值