var、let、const的区别

134 阅读2分钟

var、let、const都是javascript中用来声明变量的关键字,而且let和const是ES6中新增的。那么他们之间有哪些区别呢?

1、作用域的区别

var声明的变量的作用域是全局或者整个函数块 let声明的变量的作用域是它当前所处的代码块,这个代码块既可以是全局或者整个函数块,还可以是if、while、switch等用{}限定的代码块

2、变量提升

同作用域下,var声明的变量可以在声明之前使用,值为undefined;
let和const声明的变量在声明之前使用的时候会报错ReferenceError。

3、暂时性死区

let存在暂时性死区,var不存在。
暂时性死区:只要进入当前作用域内,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

var tmp = 123; 
if (true) {
    //因为if代码块内声明了tmp,给tmp赋值100时,只会在当前作用域内找变量tmp
    tmp = 100; // 报错 Cannot access 'tmp' before initialization -->无法在初始化之前访问'tmp'
    let tmp; 
}

4、重复声明变量的问题

同作用域下,var可以重复声明同一个变量,而let和const重复声明同一个变量的时候会报错。

var a=1;
var a=2;
console.log(a)//a=2

let b=3;
let b=4;//Identifier 'b' has already been declared -->标识符b已经被声明了

const c=5;
const c=6;//Identifier 'c' has already been declared -->标识符c已经被声明了

5、全局变量

在全局声明变量时(在最顶部的范围),使用var声明会给全局对象新增属性,而let、const不会在全局对象里新建属性。

var a=1;
let b=2;
const c=3;
console.log(window.a)//1
console.log(window.b)//undefined
console.log(window.c)//undefined

注:
1、浏览器环境的全局对象是:window
2、node环境的全局对象是:global

6、const

  • const用来声明常量,一旦声明必须初始化值,否则会报错
  • const声明的变量,声明以后不能再修改
  • 如果声明的是复杂类型数据(Object、Array、Function等),变量指向的内存地址不能修改,但是内部的数据是可以修改的