首先,其都是js中都是做声明变量来用,在使用过程中存在一些区别。
let和const都是es5,es6新版本的js语言规范出来的定义,在这以前定义一个变量只能用var。let和const都是为了弥补var的一些缺陷而新设计出来的。
1.变量的提升
var
console.log(a)
//此时变量提升,var a被提升到所在作用域顶部
//输出为undefined,且不会报错
var a="123";
let
console.log(b)
//此时变量未提升,
//会报错,b is not defined
let b="123";
const包含let的所有特性,区别是const声明的变量
是一个只读不可修改的(后面详细说明)
2.作用域
var定义的变量可以跨块作用域访问,不能跨函数作用域访问
let定义的变量只能在块作用域中访问,不能跨函数作用域访问
块作用域:一般指{}中的包括,if和for语句中的{}也属于块作用域
var 的表现-块级
{
var a = 123;
console.log(a);// 123
}
console.log(a);// 123--跨越块访问
let的表现-块级
{
let b = 123;
console.log(b);// 123
}
console.log(b);// 报错,此时时跨越块级作用域了
const的表现与let相同
在函数作用域内
(function textB() {
var aa = 1;
let bb = 2;
const cc = 3;
console.log(aa); // 1
console.log(bb); // 2 )
console.log(cc); // 3
})();
// console.log(aa); // 报错
// console.log(bb); // 报错
// console.log(cc); // 报错
均不可跨函数作用域访问
3.重复修改和初始化问题
var定义的变量可以修改和重复定义。而let声明的变量不能重复定义
{
var a=12345;
let b=12345;
var a=123456;
let b=123456//这里会报错,不可以重复声明
console.log(a);//123456
}
const定义的变量不可修改,而且必须初始化
直接写const a会报错,一但声明必须初始化
总结:let作用在块级作用域不存在变量提升不能重复声明
var作用于该语句所在函数内,存在变量提升,可以覆盖和修改
const类似于let,但是声明不可以被修改
let是更好的var ,声明对象时习惯用const;