ES6变量新特性

本文介绍了ES6中为解决ES5变量声明问题引入的新特性,包括使用`let`和`const`替代`var`,避免变量重复声明,以及实现块级作用域。`const`用于定义不可修改的常量,而`let`则允许变量更新,但两者都确保了块级作用域的限制,避免了旧版本JavaScript中的全局污染和意外修改。
摘要由CSDN通过智能技术生成

ES6变量新特性

ES6中变量的新特性主要是为了解决旧版本javascript中变量声明的缺点

ES5通过var声明的变量的缺点

  • var可以重复声明变量
<script>
  a = "This is A"
  a = "No, I am A!"
  alert(a)
</script>
  • var无法定义常量

  • 没有块级作用域: {}外部仍然可以调用变量a

<script>
  if (true) {
    a = "you can only find me here"
  }
  alert(a)
</script>

ES6中变量申明的新特性

  • 通过letconst声明的变量不可以被重复声明,否则将会报错
<script>
  let a = "This is A"
  let a = "No, I am A!"
  alert(a)

  const b = 1
  const b = 2
  alert(b)
</script>

浏览器将会报错:Uncaught SyntaxError: Identifier 'a'has already been declared

  • 通过let声明的变量可以修改; 通过const声明的变量不可以修改

浏览器将会报错:Uncaught SyntaxError: Assignment to constant variable at xxx.html:line

  • 通过letconst声明的变量,都具有块级作用域
<script>
  if (true) {
    let a = "you can only find me here"
    const b = 999
  }
  alert(a)
  alert(b)
</script>

浏览器将会报错:Uncaught ReferenceError: a is not defined at xxx.html:line
浏览器将会报错:Uncaught ReferenceError: b is not defined at xxx.html:line

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值