为何JavaScript在以下代码片段的r()函数第一行弹出undefined提示？

嘿，这个问题其实挺常见的，我来帮你拆解下最可能的几种场景——毕竟你没贴具体代码，但大概率逃不出这几个原因：

1. 变量提升导致的「先访问后声明」 #

这是最容易踩的坑，比如你的代码大概是这样的：

function r() {
  alert(x); // 弹出undefined
  var x = 10;
}
r();

为啥会这样？JavaScript有个「变量提升」的规则：用var声明的变量，会被悄悄移到当前作用域的最顶部，但赋值操作不会跟着提升。所以实际执行顺序相当于：

function r() {
  var x; // 先声明变量，默认值是undefined
  alert(x); // 此时x还没被赋值，自然弹出undefined
  x = 10; // 这一步才给x赋上具体值
}

要是换成let/const声明变量，这里会直接报错（ReferenceError），因为它们有「暂时性死区」的限制，但var就会默默给你返回undefined。

2. 调用了没有返回值的函数 #

如果你的r函数第一行是调用另一个函数，比如：

function someFunc() {
  // 这里没写return语句，或者return后面啥也没有
  console.log("我只是打个日志");
}
function r() {
  alert(someFunc()); // 弹出undefined
}
r();

JavaScript里有个默认规则：任何函数如果没有明确用return返回一个值，都会默认返回undefined。所以当你把someFunc()的执行结果传给alert时，自然就弹出undefined了。

3. 访问了不存在的对象属性/数组元素 #

还有一种可能是你在alert里访问了对象没有的属性，或者数组超出范围的索引：

function r() {
  let user = { name: "Sagar" };
  alert(user.age); // 弹出undefined，因为age属性根本不存在
  // 或者数组的情况：
  // let nums = [1,2,3];
  // alert(nums[10]); // 同样返回undefined，因为索引10没有对应元素
}
r();

这是JavaScript本身的设计：访问对象不存在的属性、或者数组越界的位置，都会返回undefined。

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