4.3.1.使用 let 声明和初始化变量

在 Javascript 中，变量是用于存储和操作数据的重要组件。在过去，我们使用 var 关键字来声明变量，但在 ES6 中，还引入了一个新的关键字 let。

声明和初始化变量

使用 let 关键字来声明一个变量，就可以在后续的代码中使用它了。同时，我们还可以用 let 关键字来初始化变量，像这样：

let x = 10;

在这个例子中，我们声明了一个名为 x 的变量，并将它初始化为 10。这个变量可以在后续的代码中使用，例如：

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

注意，与 var 不同，使用 let 声明的变量是块级作用域。这意味着它只在它所在的代码块内可见。例如：

if (true) {
  let y = 20; // 只在 if 代码块内可见
}
console.log(y); // 报错，y 未定义

let 和 var 的区别

既然我们已经介绍了 let ，那么我们来看看它与 var 的区别。

作用域

我们已经提到，使用 let 声明的变量是块级作用域。而使用 var 声明的变量则是函数级作用域，例如：

function test() {
  var x = 10;
  if (true) {
    var y = 20;
  }
  console.log(x); // 输出 10
  console.log(y); // 输出 20
}
test();
console.log(x); // 报错，x 未定义
console.log(y); // 报错，y 未定义

对于 y，我们在 if 代码块中声明它，但在 test 函数中也可以使用它。这是因为 var 声明的变量是函数级作用域，所以 y 可以在整个函数中使用。

变量提升

在 Javascript 中，变量提升是一个常见的问题。具体来说，变量提升是指在代码执行之前将变量声明提升到作用域顶部的行为。例如：

console.log(x); // 输出 undefined
var x = 10;

在这个例子中，我们尝试输出 x 变量的值，但输出的结果是 undefined，因为变量声明被提升到了作用域顶部，但是赋值却没有。

使用 let 声明的变量不会被提升，例如：

console.log(x); // 报错，x 未定义
let x = 10;

在这个例子中，我们尝试输出 x 变量的值，但是却报错了。这是因为变量声明没有被提升，也就不存在这个变量。

总结

在 Javascript 中，使用 let 声明和初始化变量是一种较新的方法。使用 let 声明的变量具有块级作用域，并且不会被提升。相比之下，使用 var 声明的变量具有函数级作用域，并且会被提升。在实际开发中，请根据需要选择使用相应的关键字。