本文由 简悦 SimpRead 转码, 原文地址 blog.csdn.net
1. 作用域区别
let 和 const 具有块级作用域,var 不存在块级作用域, 可以跨块访问, 不能跨函数访问
if(true){
var a = 0
let b = 0
const c = 0
}
console.log(a);
console.log(b);
console.log(c);
这里只有 var 声明的变量才能打印出来,因为 var 声明的事全局变量,
var 出来的变量是全局的,但是不能跨函数访问。看下面代码
function test() {
var message = "zimo"; // 局部变量
}
test();
console.log(message); // 报错
2. 变量提升
什么是变量提升?
变量能在声明之前使用,就是变量提升。
var 存在变量提升,let 和 const 不存在变量提升
console.log(a);
console.log(b);
console.log(c);
var a = 1
let b = 2
const c = 3
var 在 js 中是支持预解析的声明出来的就不会报错是 undefined,let,const 就会报错
3. 全局属性
浏览器的全局对象是 window。var 声明的变量为全局变量,并且会将该变量添加为全局对象的属性,但是 let 和 const 不会。
var a = 1
let b = 2
const c = 3
console.log(window.a);
console.log(window.b);
console.log(window.c);
4. 重复声明
var 声明变量时,可以重复声明变量,后声明的同名变量会覆盖之前声明的遍历。const 和 let 不允许重复声明变量。
var a = 1
var a = 2
console.log(a);
var 声明的变量同名只会打印最后一次声明的值
let 和 const 同一个作用域下不能重名,编辑器都提示了
5. 暂时性死区
在使用 let、const 命令声明变量之前,该变量都是不可用的。这在语法上,称为暂时性死区。使用 var 声明的变量不存在暂时性死区。
// name会被提升
console.log(name); // undefined
var name = 'zimo';
// age不会被提升
console.log(age); // ReferenceError:age没有定义
let age = 18;
// sex不会被提升
console.log(age); // ReferenceError:age没有定义
const sex = "男";
6. 初始值设置
在变量声明时,var 和 let 可以不用设置初始值。而 const 声明变量必须设置初始值。
编辑器都提示了
7. 指针指向
指针指向 let 和 const 都是 ES6 新增的用于创建变量的语法。 let 创建的变量是可以更改指针指向(可以重新赋值)。但 const 声明的变量是不允许改变指针的指向。
8. 应用场景
块级作用域解决了 ES5 中的两个问题:
- 内层变量可能覆盖外层变量
- 用来计数的循环变量泄露为全局变量
应用场景:以后声明变量使用 let 就对了
应用场景:声明对象类型使用 const,非对象类型声明选择 let
没有特殊情况就不要用 var 了
9. 总结
区别 | var | let | const |
是否有块级作用域 | × | ✔️ | ✔️ |
是否存在变量提升 | ✔️ | × | × |
是否添加全局属性 | ✔️ | × | × |
能否重复声明变量 | ✔️ | × | × |
是否存在暂时性死区 | × | ✔️ | ✔️ |
是否必须设置初始值 | × | × | ✔️ |
能否改变指针指向 | ✔️ | ✔️ | × |