JavaScript的关键字var、let、const三者的区别

34 篇文章 0 订阅
9 篇文章 1 订阅

1、var声明的变量存在变量声明提升,而let和const声明的变量不存在变量声明提升

var声明的变量存在变量声明提升,因此在声明之前访问该变量不会报错,而使用let和const会报错:

console.log(a);//undefined
// console.log(b);//报错 ReferenceError: Cannot access 'b' before initialization
console.log(c);//报错 ReferenceError: Cannot access 'c' before initialization
var a = 'hello'
let b = 10
const c = 20

2、var声明的变量可以重复声明,而let和const声明的变量不可以重复声明

var重复声明不报错,而let和const重复声明会报错:

var a = 'hello'
var a = 10
console.log(a);//10

3、var声明的变量不存在局部作用域(块级作用域),而let和const声明的变量存在块级作用域

var声明的变量不存在块级作用域,因此在外部可以访问到{}里面声明的变量,但是let和const不行:

if(true){
  var a = 'hello'
  let b = 10
  const c = 20
}
console.log(a); //hello
console.log(b); //报错 ReferenceError: b is not defined
console.log(c); //报错 ReferenceError: c is not defined

4、var声明的变量会被挂载到window上,而let和const声明的变量不会挂载到window上

var a = 10;
let b = 20;
const c = 30;
console.log(window.a); //10
console.log(window.b); //undefined
console.log(window.c); //undefined

5、用const声明变量时,声明的时候就一定要赋值,否则报错

const a
a = 10
console.log(a); //报错 SyntaxError: Missing initializer in const declaration

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值