浅谈chrome控制台执行一段js输出undefined

最新推荐文章于 2024-02-17 10:50:50 发布
最新推荐文章于 2024-02-17 10:50:50 发布
阅读量2.6k 收藏 1
点赞数
分类专栏： JS 笔记随笔 前端积累 文章标签： JS 笔记随笔 前端积累 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42445490/article/details/88819054
版权
前端积累 同时被 3 个专栏收录
105 篇文章 0 订阅
订阅专栏
笔记随笔
75 篇文章 0 订阅
订阅专栏
JS
63 篇文章 0 订阅
订阅专栏

【前言】

     如图，在控制台只是定义一个字符串变量，回车后就会出现undefined，很多小伙伴可能会出现疑问，为什么呢？

   
 

【主体】

    解析：控制台输出的是你输入的表达式计算出的结果。如果输入的是js语句，或者没有返回值的函数，就输出undefined

    什么意思呢？接下来我们参考prompt和confirm方法来验证下

    
    观察后可以发现控制台输出的是表达式或方法运算后返回的结果

   

    例如：

 

 

最后看一个带有返回值的函数

 

.

骆小胖
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决Chrome升级后，在console输入JS代码提示undefined问题
qq_27791709的博客
11-20 2648
问题：Chrome升级后，在console输入JS代码一直提示undefined，如下 解决方式：在default levels中勾选：Info、Warnings/Errors 勾选完后恢复正常：
为什么console.log()后会有一个undefined
qiansuike的博客
06-04 1万+
如题： 很多时候写js的时候，都会习惯在谷歌控制台直接试试表达式是否正确？正则是否匹配？ 在浏览器控制台运行JS命令，不用配环境，不用整什么花里胡哨的，稳定又真实的浏览器环境，比如： 产生一个疑问，为什么console.log()打印完之后，会有一个undefined？ 我以前也很疑惑，找寻答案以后，网上的主流答案说的函数没有返回值，我不太能接受。于是我自己在控制台摸索，又借鉴了别人的...
冷知识，Chrome 控制台console.log()为什么返回undefined
热门推荐
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
02-24 1万+
综合上面三个例子，我们是不是对Chrome 控制台执行为啥输出undefined做出解释！本身并不返回任何值，在Chrome中，console.log() 是由开发工具的 Console 面板实现的。当代码中调用 console.log() 时，实际上是将输出内容传递给了 Console 面板，由它来负责显示。所以当我们在控制台使用时，它只是简单地将我们指定的信息打印到控制台上，而不会返回任何实际的值。因此，返回undefined是因为它本身没有返回值。
为什么浏览器控制台（Console）运行JavaScript代码有时会出现“undefined”？
cnds123的专栏
11-24 6015
一、在浏览器控制台（Console）运行javascript代码有时会出现“undefined”，为什么？二、为什么console.log()会返回undefined？
在浏览器里面的脚本代码段里面写一条语句为什么会在输出结果后面显示一个undefined
shenzhishijian的博客
01-06 681
很多时候写js的时候，都会习惯在谷歌控制台直接试试表达式是否正确？正则是否匹配？ 在浏览器控制台运行JS命令，不用配环境，不用整什么花里胡哨的，稳定又真实的浏览器环境，比如： 产生一个疑问，为什么console.log()打印完之后，会有一个undefined？ 我以前也很疑惑，找寻答案以后，网上的主流答案说的函数没有返回值，我不太能接受。于是我自己在控制台摸索，又借鉴了别人的答案，了解google控制台的几个小语法(我自己瞎总结的) ① 当我们调试的时候，实质上控制台输出的是调试命令的返回值 ② 如果
谷歌浏览器打印预览显示空白_谷歌浏览器console.log打印结果是undefined
weixin_39657575的博客
12-01 3019
最近想用谷歌浏览器练习js代码，不过神奇的地方出现了，console.log()不管打印什么都显示undefined,然后在右上角显示 **hidden(前面数字打印一次，增加一个 )，就是不知道什么原因打印的东西被隐藏了！于是百度搜了下，答案无非是以下几种：1.把Group similar勾选上(还有说无论如何都重新勾选一下)，尝试无效2.还有就是去掉上图中Filter后面鼠标放上去有一个差号，...
如何使Chrome控制台支持多行js模式——意外发现
10-27
一直以来，Chrome控制台都缺少象IE调试台那样的多行执行模式,今天意外发现Chrome其实也支持多行模式
浅谈Sublime Text 3运行JavaScript控制台
11-24
这个配置告诉Sublime Text 3 使用Node.js来执行当前打开的JavaScript文件，并在控制台显示输出。保存这个文件，命名为 `node.sublime-build`，并将其放在 `User` 目录下的 `Build Systems` 文件夹中，通常路径为 `%...
Chrome控制台妙用之定位xpath_js_css居家必备好工具
08-10
Chrome浏览器的控制台是开发者日常工作中不可或缺的工具，尤其对于Java和Vue等前端开发者来说，它提供了丰富的功能，包括网络请求分析、元素检查、JavaScript执行等。本文将重点介绍Chrome控制台中的一个实用技巧...
Chrome控制台使用详解.pdf
05-22
Chrome控制台使用详解.pdf 介绍在chrome浏览器调试javescript的使用方法
wp-chrome-logger:在 chrome 控制台中输出任何内容（又一个调试助手）
06-28
##如何工作 使用任何函数（在下面的示例中）在 chrome 控制台中输出任何内容（将这些函数放在plugin file或functions.php ）。 ChromePhp::log( ' Hello console! ' ) ; ChromePhp::log( $_SERVER ) ; Chrome...
【退役之重学前端】关于在控制台得到undefined的事
最新发布
weixin_41899098的博客
02-17 551
得到一个。
PDF.js 预览pdf文件流预览pdf，及ie浏览器兼容性问题，解决方案！！（开发笔记）
qq_45357178的博客
07-30 1万+
PDF.js 预览pdf文件流预览pdf，及ie浏览器兼容性问题，多种请求方式，全面测试
this.options在chrome浏览器提示undefined的解决办法
北极光的博客
12-11 7598
很早用的一段三级联动下拉菜单最近发现在chrome里不能联动下拉了，ie下正常，很奇怪，这段代码在之前有段时间经常用，没出现过什么问题，后来调试发现在“this.options.value”处提示“this.options is unfioned”,应该是浏览器之间js用法不同的问题，查资料测试后，改成“this.value”就正常了
Chrome控制台无法定位到元素（提示undefined）
weixin_30689307的博客
07-26 2693
　　在谷歌控制台输入js代码时，明明自己输入的是正确的代码，但是仍然提示“undefined”，若此时用检查元素小箭头定位一下该元素，再次使用js代码又发现可以定位到元素？ 　　往往此时我们应该想到页面代码中含有iframe，先要切换到对应的iframe，然后再次定位才能定位到。 　　如图获取id=titles_div的div标签： 但是控制台中获取document.getEl...
chrome控制台模拟按键
08-11
回答: 在Chrome控制台中模拟按键事件可以使用JavaScript的KeyboardEvent对象来实现。您可以创建一个KeyboardEvent对象，设置相关属性，然后使用dispatchEvent方法触发事件。例如，您可以使用以下代码在控制台中模拟按下Enter键： ``` var event = new KeyboardEvent('keydown', { key: 'Enter' }); document.dispatchEvent(event); ``` 这段代码会在当前页面中触发一个模拟按下Enter键的事件。您也可以根据需要修改key属性的值来模拟其他按键。请注意，此方法在最新的Chrome浏览器中仍然有效，但是一些过时的方法（如UIEvent.initUIEvent和KeyboardEvent.initKeyEvent）已经被废弃，推荐使用最新标准的KeyboardEvent实现。123 #### 引用[.reference_title] - *1* *2* [Chrome 控制台 JavaScript 模拟键盘事件输入 最新有效](https://blog.csdn.net/tonglingtou1875/article/details/117160048)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *3* [chrome浏览器控制台创建js脚本并执行](https://blog.csdn.net/weixin_42363510/article/details/111990520)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值