在console.log中，JavaScript let变量显示为未定义

是因为let声明的变量具有块级作用域，只在声明的块内有效。如果在console.log之前或者在不同的作用域内使用let声明的变量，就会出现未定义的情况。

let是ES6引入的新的变量声明方式，相比于var具有更严格的作用域规则。使用let声明的变量只在声明的块内有效，不会被提升到作用域顶部。这样可以避免变量的意外覆盖和泄露。

例如，以下代码会导致let变量显示为未定义：

if (true) {
  let x = 10;
}

console.log(x); // 输出：未定义

在上述代码中，变量x在if语句块内部声明，超出了其作用域范围，所以在console.log中无法访问到x，导致显示为未定义。

对于这种情况，可以通过将console.log放在声明变量的块内部，或者将变量声明提升到外部作用域来解决：

let x;

if (true) {
  x = 10;
  console.log(x); // 输出：10
}

console.log(x); // 输出：10

在上述代码中，将变量x的声明提升到了外部作用域，这样在if语句块内部赋值后，可以在整个作用域范围内访问到x，console.log输出的结果为10。

总结起来，JavaScript中的let变量在console.log中显示为未定义是因为其作用域限制在声明的块内部，超出作用域范围后无法访问。为了避免这种情况，可以将console.log放在声明变量的块内部，或者将变量声明提升到外部作用域。