首先出现的次序是不一样的,var是ES5提出的,而const和var是ES6提出的。
var 和 let声明的都是变量,声明完之后,可以对变量进行更改,也可以声明的时候不赋值。
const声明的是常量,声明的时候必须赋值,否则会报错。且只能赋值一次,不能更改。
var a; //var先声明不赋值
let b; //let先声明不赋值
const c; //const先声明不赋值,报错
那既然var和let都可以先声明后赋值,这两个之间又有什么区别呢?
var a = 6;
var a = 7; //正确,var允许重复声明变量,且后一个变量覆盖前一个变量
let b = 9;
b = 10; //而let声明一次,能在后续进行赋值,但是不能重复声明
如果前面对var有过一定了解,可以知道,var有变量提升。
console.log(a); //输出underfind
var a = 10; //变量声明提升了,但是没有赋值
//上面这个语句等同于以下顺序
var a;
console.log(a); //underfind
a = 10;
而let和const是没有变量提升的,所以如果上面例子中的var改成let或者const ,都会报错。
console.log(a); //报错
let a = 10;
console.log(b); //报错
const b = 10;
let 暂时性死区
只要块级作用域内存在let
命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
var a = 10;
//块级作用域
{
console.log(a);//报错
let a = 9;
}
而且var不存在块级作用域 let和const存在块级作用域
// {}里面的为块级作用域
{
let a = 10;
var b = 20;
}
console.log(a);//报错
console.log(b);//20
最后一点值得一提的是,我们说const不能修改值,
如果const定义的是基本数据类型,则基本数据类型的值不能被修改。
如果定义的是引用类型,则const定义的变量指向的指针地址值不能被修改,但是指向的对象属性值可以被修改。
举个栗子~
const a = 10 ;
a = 20; //报错。这里的const定义的是基本数据类型,不能修改
const b = {
age:18;
}
b.age = 20; //这里修改是可以的,因为修改的是属性值
b = {
num:20; //报错,这里是不能被修改的,因为b的指向的地址值不能修改
}