1. - val -
1.用val声明的变量即使是全局变量,也是顶层变量
* 顶层对象,在游览器环境指的是window对象。
* var a = 10;
console.log(window.a) // 10
val是存在变量提升的。let const不存在变量提升
2. 使用val,我们能够对一个变量进行多次声明,后面声明的变量会覆盖前面的变量声明
var a=20
val a=30
console.log(a)// 30
3. 在函数中使用val声明变量的时候,该变量是局部变量
var a=20
function change(){
val a=30
}
change()
console.log(a) // 30
4. 如果在函数内不使用val ,该变量是全局的
var a=20
function change(){
a=30
}
change()
console.log(a) // 30
2.-let-
let 是es6新增的命令,用来声明变量
用法类似于val ,但是所声明的变量,只在let命令所在的代码块内有效
不存在变量提升 let声明变量前,该变量不能使用(暂时性死区)
console.log(a); // ReferenceError: a is not defined
let a = 10;
只在所在的代码块内有效,在块级作用域内有效
let 不允许在相同的作用域从复声明,这样会报错,不同作用域有从复声明不会报错
3.-const-
const 声明一个只读的变量,声明后,值就不能改变
const a =20
a=20
cosnt一旦声明变量必须初始化不能留到以后赋值
const 并不是变量的值不能改动,而是变量指向的内存地址所保存的数据不能改动
如果之前用val或者let声明过的变量,在用const声明同样也会报错
4.-区别-
1-变量提升-
var存在变量提升 即变量可以在声明之前调用,值为undefined,
let const不存在变量提升 ,他们所声明的变量一定要在声明后使用 否则报错
2-暂时性死区-
val不存在暂时性死区
let和const存在暂时性死区,只有等到声明变量的那一行代码出现,才可以获取和使用该变量
3-块级作用域-
val 不存在块级作用域。
let 和const存在块级作用域
4-重复声明-
var 允许重复声明变量
let 和 const 在同一个作用域下不允许重复声明变量
5-修改声明变量-
val 和 let 可以修改声明变量
const 声明一个只读的常量 一旦声明,常量的值就不能改变