面试题：var,let ,const 有什么区别

首

先分别了解一下

var关键字：

1、var 声明作用域，使用 var 操作符定义的变量会成为包含它的函数的局部变量。

function test() {
var message = "hi"; // 局部变量
}
test();
console.log(message); // 出错！

这里， message 变量是在函数内部使用 var 定义的。函数叫 test() ，调用它会创建这个变量并给

它赋值。调用之后变量随即被销毁，因此示例中的最后一行会导致错误。

2. var 声明提升

function foo() { 
 console.log(age); 
 var age = 26; 
} 
foo(); // undefined

这是因为使用这个关键字声明的变量会自动提升到函数作用域顶部，如下图这个样子

function foo() { 
 var age; 
 console.log(age); 
 age = 26; 
} 
foo(); // undefined

2. var 可以反复多次声明同一个变量

3. 这点注意。var的变量提升是提升到离他最近的上下文上，并不是window上

let关键字：

let 声明的范围是块作用域， 而 var 声明的范围是函数作用域。

if (true) { 
 var name = 'Matt'; 
 console.log(name); // Matt 
} 
console.log(name); // Matt

if (true) { 
 let age = 26; 
 console.log(age); // 26 
} 
console.log(age); // ReferenceError: age 没有定义

let 不允许同一个块作用域中出现冗余声明。这样会导致报错，看清楚，是同一块作用域。

暂时性死区

let 与 var 的另一个重要的区别，就是 let 声明的变量不会在作用域中被提升。

let 声明之前的执行瞬间被称为“暂时性死区”

// name 会被提升
console.log(name); // undefined 
var name = 'Matt'; 
// age 不会被提升
console.log(age); // ReferenceError：age 没有定义
let age = 26;

全局声明

与 var 关键字不同，使用 let 在全局作用域中声明的变量不会成为 window 对象的属性（ var 声

明的变量则会）。

var name = 'Matt'; 
console.log(window.name); // 'Matt' 
let age = 26; 
console.log(window.age); // undefined

这里需要注意，此时的let也是一个全局作用域，后期在声明变量的时候，记得不要写重复。

const 关键字：

const 的行为与 let 基本相同，唯一一个重要的区别是用它声明变量时必须同时初始化变量，且

尝试修改 const 声明的变量会导致运行时错误。也不允许重复声明，声明的作用域也是块，

const 声明的限制只适用于它指向的变量的引用。换句话说，如果 const 变量引用的是一个对象，

那么修改这个对象内部的属性并不违反 const 的限制。