Chrome控制台中console.log显示undefined不输出值的问题及解决

待执行代码 #

var x = 2;
console.log(x);

问题分析与解决 #

执行上述代码时只显示undefined却看不到2的输出，大概率不是设置故障，而是以下常见情况：

• 控制台筛选功能误触发：比如勾选了隐藏Log类型输出，或输入过滤关键词屏蔽了内容
• 执行上下文错误：在iframe等隔离上下文执行，而非当前页面主上下文

修复步骤

1. 检查筛选设置

   • 点击控制台顶部的漏斗图标，确保Log选项处于勾选状态，且过滤输入框为空
   • 清空控制台（点击垃圾桶图标）后重新执行代码

2. 确认执行上下文

   • 控制台顶部的上下文选择器（默认显示top或当前域名），切换到当前页面的主上下文

3. 验证基础输出
   如果上述操作无效，直接执行简化代码测试：

   console.log(2);
   

   若能输出2，说明原代码无问题，可能是上下文残留导致；若仍无输出，可右键控制台空白处选择Restore defaults and reload重置设置，或重启浏览器

注：控制台显示的undefined是var x=2语句的返回值，属于正常现象——控制台会自动输出代码块的执行返回值，var声明语句本身没有返回值，因此显示undefined；而console.log(x)的输出2才是目标值。

内容的提问来源于stack exchange，提问作者DriveCarefully