JS中let 和var区别_css中let什么意思-优快云博客

本文深入探讨ES6中新增的let命令，讲解其在声明局部变量时的优势，包括块级作用域、防止变量重复声明、配合for循环的独特应用及没有变量提升的特点，帮助读者更好地理解和运用let命令。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

正文：

ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。
在这里插入图片描述

在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围。

let不允许在相同作用域内，重复声明同一个变量。否则报错：Uncaught SyntaxError: Identifier ‘XXX’ has already been declared

let a=10;
let a=15;
console.log(a);
//Uncaught SyntaxError: Identifier 'XXX' has already been declared

let非常适合用于 for循环内部的块级作用域。JS中的for循环体比较特殊，每次执行都是一个全新的独立的块作用域，用let声明的变量传入到 for循环体的作用域后，不会发生改变，不受外界的影响。看一个常见的面试题目：

用let声明的变量，不存在变量提升。而且要求必须等let声明语句执行完之后，变量才能使用，不然会报Uncaught ReferenceError错误。
在这里插入图片描述
如果把 var改成 let声明：

console.log(a);//错误  Uncaught SyntaxError
let a='v';
//这里可以使用a

ES6的let让js真正拥有了块级作用域，也是向这更安全更规范的路走，虽然加了很多约束，但是都是为了让我们更安全的使用和写代码。