if代码块内定义变量的作用域丢失问题及函数报错咨询

哦，我完全懂你碰到的这个坑！这是JavaScript里块级作用域的典型问题——你在if和else代码块里用let声明了hours，但let的作用域只局限于当前代码块内部。等你走到后面的if (hours < 10)逻辑时，这个hours变量已经“消失”了，JS自然会抛出未定义的错误。

给你两个简单的修复方案：

方案一：提前在函数作用域声明变量 #

把hours的声明移到函数最顶部，这样整个函数范围内都能访问到它，在if/else里只需要赋值就行：

function generateTimeStamp(currentDate = null) {
  let hours; // 先在函数作用域声明变量
  if (!currentDate) {
    hours = Math.round(1 + (23 * Math.random()));
    console.log('hours is ' + hours.toString());
  } else {
    hours = currentDate.getHours();
  }
  if (hours < 10) { hours = "0" + hours; }
  return hours;
}

这种方式最直观，完全保留你原来的代码逻辑，只是调整了变量声明的位置。

方案二：用三元表达式简化赋值 #

如果想让代码更紧凑，可以直接在声明hours时用三元表达式完成条件赋值：

function generateTimeStamp(currentDate = null) {
  let hours = currentDate ? currentDate.getHours() : Math.round(1 + (23 * Math.random()));
  // 保留原来的日志逻辑
  if (!currentDate) {
    console.log('hours is ' + hours.toString());
  }
  if (hours < 10) { hours = "0" + hours; }
  return hours;
}

这样一步到位完成变量的声明和赋值，从根源上避免了块级作用域的问题，代码也更简洁。

顺便提一句：别想着换成var来解决——虽然var是函数作用域能绕过这个问题，但var存在变量提升、全局污染等一堆坑，用let提前声明才是更规范的写法哦。

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