JS中var let和const的区别

在JS中的学习中 有些新手会遇到不少问题 比如 let为何不能为什么声明同一个变量时 会出现爆红的现象 今天 就讲一讲var let const这三者的区别1.varvar相对于另外let const 它的自由性更高 比如 在同时声明同一个变量时 并不会像let那样爆红 而是可以正常运行 主要是因为 JavaScript 语法本身允许这种写法并且var关键字具有非常宽容的底层机制var a 1; var a 2; // 不会报错a 的值被更新为 2同时 var还可以做变量提升 js引擎会先将所有var声明的变量提升到最开始再按照代码执行顺序此一执行比如 你写的代码console.log(myName); // 输出: undefined而不是报错 var myName Tom;到了JS引擎执行代码的时候则变成了var myName; // 1. 声明被提升到顶部此时值为 undefined console.log(myName); // 2. 打印 undefined myName Tom; // 3. 赋值留在原地执行2.letlet则是和var截然相反 它既不可以提升变量 也不能做提升 必须先声明变量在使用变量 不然会直接报错在同一个区域内 let不允许重复声明同一个变量 这能帮你提前发现命名冲突let dog 狗; let dog 猫; // 报错SyntaxError: Identifier dog has already been declared与var不同的是 let声明的变量必须在声明后才能使用 在声明之前访问它 则会进入“暂时性死区” 会直接报错console.log(b); // 报错ReferenceError: Cannot access b before initialization let b 20;3.constconst它的核心作用是声明一个只读的常量除了具备let的优良特性const还有自己最核心的专属规则声明时必须赋值 否则JS会直接报错const PI; // 报错SyntaxError: Missing initializer in const declaration const PI 3.14; // 正确不会报错基本数据类型值不可变对于基本数据类型const保证该变量的值永远无法被修改const name Tom; name Jerry; // 报错TypeError: Assignment to constant variable.