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

ゞ浴缸里的玫瑰 2023-03-13 02:38 8阅读 0赞

[https://blog.csdn.net/qiansuike/article/details/90765903][https_blog.csdn.net_qiansuike_article_details_90765903]

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

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

![20190604113140981.png][]

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

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

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

![20190604115402189.png][]

② 如果调试命令本身就带有日志打印的语句，则先执行命令的日志打印语句，后执行命令的返回值

![20190604115552522.png][]![20190604115646805.png][]

由y的值可知，console.log该命令的返回值 就是undefined

③ 如果调用函数，则返回的是函数的返回值

![20190604115822115.png][]

看，这样调用就不会返回undefined了

④ 如果调用的表达式有很多行，则只打印最后一个分号的表达式的值

![20190604120602239.png][]

[https_blog.csdn.net_qiansuike_article_details_90765903]: https://blog.csdn.net/qiansuike/article/details/90765903
[20190604113140981.png]: /images/20230312/1b7572cf69d64b1abca377dee6fc8243.png
[20190604115402189.png]: /images/20230312/640e2dc7459449378f7c4522228a30ea.png
[20190604115552522.png]: https://img-blog.csdnimg.cn/20190604115552522.png
[20190604115646805.png]: /images/20230312/00008610ac7b4a868cb3ea043114ed8a.png
[20190604115822115.png]: /images/20230312/e4d81a90c11d4bd98c12dfc7dec512fb.png
[20190604120602239.png]: /images/20230312/ce5ca2e265cf40978600583370aa1894.png