JS let var区别|极客笔记

JS let var区别

JavaScript是一种广泛使用的脚本语言，常用于网页开发。在JavaScript中，有三种定义变量的关键字：let、var和const。虽然它们都可以用于声明变量，但在一些方面有着不同的行为和用法。本文将详细解释let、var和const之间的区别。

let 关键字用于声明一个块级作用域的变量，它的作用范围仅限于声明所在的块级作用域内。一个块级作用域可以是一个函数、一个循环体或一个代码块。使用let关键字声明的变量具有以下特点：

下面是一个使用let关键字声明变量的示例代码：

{
  let x = 10;
  console.log(x); // 输出 10
}

console.log(x); // 报错，x is not defined

在上述示例代码中，变量x的作用范围仅限于大括号内部的代码块。在外部访问x会导致错误。

var 关键字用于声明一个函数作用域的变量，它的作用范围限于最近的函数体内。使用var关键字声明的变量具有以下特点：

下面是一个使用var关键字声明变量的示例代码：

function test() {
  var x = 10;
  console.log(x); // 输出 10
}

console.log(x); // 报错，x is not defined

在上述示例代码中，变量x的作用范围仅限于函数体内。在函数外部访问x会导致错误。

需要注意的是，使用var关键字声明的变量会发生变量提升，即变量的声明会被提升到所在作用域的顶部。这意味着可以在变量声明之前访问该变量。

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

上述代码的执行结果undefined是因为虽然变量在使用前被访问到了，但它的值在声明之前是不确定的。

此外，var关键字允许重复声明同一个变量，后面的声明会覆盖前面的声明。

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

const 关键字用于声明一个块级作用域的常量。与let关键字类似，const关键字的作用范围也限于声明所在的块级作用域内。使用const关键字声明的常量具有以下特点：

下面是一个使用const关键字声明常量的示例代码：

{
  const x = 10;
  console.log(x); // 输出 10
}

console.log(x); // 报错，x is not defined

在上述示例代码中，常量x的作用范围仅限于大括号内部的代码块。在外部访问x会导致错误。

需要注意的是，使用const关键字声明常量时必须为其赋初始值。

const x; // 报错，Missing initializer in const declaration

此外，一旦声明了const常量，其值就不能被修改。

const x = 10;
x = 20; // 报错，Assignment to constant variable.

在实际开发中，建议优先使用let关键字声明变量，以便避免变量的作用域污染和不可预知的行为。var关键字有其特定的应用场景，如需要在作用域外部访问一个变量时可以使用var关键字。而const关键字适用于声明不变的常量。综上所述，根据不同的需求和使用场景选择合适的关键字来声明变量。