ES6新知识-var,let,const区别

const是常量,不可改变。改变就会报错。(const是地址不可改变,所以声明的如果是对象或者数组,则它的内部数据是可以改变的)
var和let的区别如下:
1. 浏览器的预解析策略不同

浏览器在运行代码之前会预解析,首先解析函数声明,变量定义,解析完后再对函数变量进行运算、赋值等。

-var变量,无论var变量处于当前作用域的第几行,都将var变量提升到作用域的头部并初始化为undefine。

-let变量,let变量也被提升到当前作用域的头部,但不初始化。

2. 声明后未赋值,表现相同

(function() {
      var varT;
      let letT;
      console.log(varT); //输出undefined
      console.log(letT); //输出undefined
    }());

3. 使用未声明的变量,表现不同:

(function() {
  console.log(varT); //输出undefined
  console.log(letT); //直接报错:ReferenceError: letT is not defined
 
  var varT = 'test var OK.';
  let letT = 'test let OK.';
}());

4. 重复声明同一个变量时,表现不同:

(function() {
      var varT = 'test var OK.';
      let letT = 'test let OK.';
 
      var varT = 'varT changed.';
      let letT = 'letT changed.'; //直接报错:SyntaxError: Identifier 'letT' has already been declared
 
      console.log(varT); //输出varT changed.(注意要注释掉上面letT变量的重复声明才能运行)
      console.log(letT); //输出test let OK.
    }());

5. 变量作用范围,表现不同:

(function() {
  var varT = 'test var OK.';
  let letT = 'test let OK.';
  {
    var varT = 'varT changed.';
    let letT = 'letT changed.';
  }
  console.log(varT); //输出"varT changed.",内部"{}"中声明的varT变量覆盖外部的letT声明
  console.log(letT); //输出"test let OK.",内部"{}"中声明的letT和外部的letT不是同一个变量
}());

备注:

使用 let 语句声明一个变量,该变量的范围限于声明它的块中。 可以在声明变量时为变量赋值,也可以稍后在脚本中给变量赋值。

使用 let 声明的变量,在声明前无法使用,否则将会导致错误。

如果未在 let 语句中初始化您的变量,则将自动为其分配 JavaScript 值 undefined。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值