ECMAScript6 学习笔记 - var,let,const的学习总结

50 阅读 0 评论 33 点赞

我是靠谱客的博主端庄黑米，最近开发中收集的这篇文章主要介绍ECMAScript6 学习笔记 - var,let,const的学习总结，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

es6的块级作用域的声明规则：只在使用大括号的情况下成立，没有大括号会报错

// 不报错
'use strict';
if (true) {
  function f() {}
}

// 报错
'use strict';
if (true)
  function f() {}

let和var命令的区别

var命令会发生‘变量提升’现象，即变量可以在声明前使用，值为undefined;
let声明的变量一定要在声明后使用，否则会报错；
{
    for(let i = 0; i < 10; i++){

    }
    console.log(i); // undefined
}
{
    for(var i = 0; i < 10; i++){

    }
    console.log(i); // 10
}

let和const命令的区别？

不同点：
1.let声明的变量，只在let命令所在的代码块内有效；
  const声明一个常量，一旦声明，常量的值不能改变，必须立即初始化；
2：let在同一个作用域内，不允许重复声明同一个变量；
        function bar(){
            let a = 10;
            var a = 1;
        }
        bar(); //Identifier 'a' has already been declared (标识符“a”已声明)

        function bar2(){
            let b = 10;
            let b = 1;
        }
        bar2(); //Identifier 'a' has already been declared (标识符“a”已声明)

相同点:

暂时性死区：只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。
“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。
例：typeof x; // ReferenceError

1.都只在声明的块级作用域内有效，出了块级作用域会报错
2.都存在‘暂时性死区’'，只能在声明的位置后面使用，否则会报‘ReferenceError’错误；
3.都不能重复声明，但可以为对象添加属性，也可以向数组添加数据，但是不能重新赋值；
  如果真的想将对象冻结，应该使用Object.freeze方法。

  Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个 
  对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修 
  改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。