JS中let,const,var的区别

1. var

var 是 JavaScript 最早引入的变量声明关键字。它有以下特点：

• 函数作用域：变量声明使用 var 时，其作用域限定在最近的函数作用域内。如果在函数内部声明变量，它在函数外部是不可见的。

function example() {    if (true) {        var x = 10;    }    console.log(x); // 可以访问 x，输出 10 } console.log(x); // 无法访问 x，报错

• 变量提升：使用 var 声明的变量会在函数或全局作用域内被提升到声明的位置，但初始化的值不会提升。

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

2. let

let 是 ES6（ECMAScript 2015）引入的变量声明关键字，它解决了 var 的一些问题，并引入了块级作用域。let 具有以下特点：

• 块级作用域：变量声明使用 let 时，其作用域限定在最近的块级作用域内（通常是由花括号 {} 定义的代码块）。

function example() {    if (true) {        let x = 10;    }    console.log(x); // 无法访问 x，报错 } console.log(x); // 无法访问 x，报错

• 没有变量提升：使用 let 声明的变量不会被提升到声明位置，而是在块级作用域中初始化。

function example() {    console.log(x); // 报错，x 未定义