JavaScript：let 与 const

Posted 2021-06-05 QIANDXX

let 变量

基本用法：

• let 是在代码块内有效，var 是在全局范围有效

{
   let a = 1; 
   a  //a=1
   var b = 0;
}
a   // 报错
b  //0

• 不能重复声明

let a = 1;
let a = 2;
var b = 3;
var b = 4;
a  // Identifier 'a' has already been declared
b  // 4

• 不存在变量提升
  let不存在变量提升，var会变量提升

console.log（a）;  //ReferenceError: a is not defined
let a ="1";

console.log(b);  //undefined
var b = "2";

变量 a 用 let 声明不存在变量提升，在声明变量 a 之前，a 不存在，所以会报错。
变量 b 用 var 声明存在变量提升，所以当脚本开始运行的时候，b 已经存在了，但是还没有赋值，所以会输出 undefined。

const 变量

基本用法：

• const 声明一个只读变量，声明之后不允许改变。

const PI = 3.1415;
PI // 3.1415
 
PI = 3;
// TypeError: Assignment to constant variable.

(上面代码表明改变常量的值会报错)

• const 声明的常量必须初始化：

const foo;
// SyntaxError: Missing initializer in const declaration

(上面代码表示，对于const来说，只声明不赋值，就会报错)

• const的作用域与let命令相同：只在声明所在的块级作用域内有效。

if (true) {
  const MAX = 5;
}
 
MAX // Uncaught ReferenceError: MAX is not defined

let 和 const 的区别：

相似：

• 都是块级作用域
• 都不能和它所在作用域内的其他变量或函数拥有相同的名称

区别：

• const声明的常量必须初始化，而let声明的变量不用。
• const 定义常量的值不能通过再赋值修改，也不能再次声明。而 let 定义的变量值可以修改。