let 和 const 命令和模板字符串

let 基础用法

1. let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。
2. let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。
3. 变量x使用let命令声明，所以在声明之前，都属于x的“死区”，只要用到该变量就会报错。因此，typeof运行时就会抛出一个ReferenceError。
4. ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。不存在变量提升
5. let x = x;
   // ReferenceError: x is not defined
6. let不允许在相同作用域内，重复声明同一个变量。

块级作用域

1. let实际上为JavaScript 新增了块级作用域。

function f1() {
 let n = 5;
 if (true) {
   let n = 10;
 }
 console.log(n); // 5
}

3. ES6允许块级作用域的任意嵌套。每一层都是一个单独的作用域。第四层作用域无法读取第五层作用域的内部变量。
4. 考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句。
5. ES6 的块级作用域必须有大括号，如果没有大括号，JavaScript 引擎就认为不存在块级作用域。
6. ES5中有三种作用域， 全局 函数 eval：只在严格模式才会出现

let 案例

let items = document.getElementsByClassName('item');
        for(let i = 0;i<items.length;i++){
            items[i].onclick = function(){
                items[i].style.background = 'pink';
            }
        }
        

结果有效，换成var无效，let产生每一个i在当前作用域有效，三个i互不影响
换成var ，使用this，也可以产生效果
产生效果

{
            let i = 0;
            items[i].onclick = function(){
                items[i].style.background = 'pink';
            }
        }
        {
            let i = 1;
            items[i].onclick = function(){
                items[i].style.background = 'pink';
            }
        }

const

1. const声明一个只读的常量。一旦声明，常量的值就不能改变，一定要赋初始值。
2. 一般常量是用大写。
3. const的作用域与let命令相同：只在声明所在的块级作用域内有效。
4. const命令声明的常量也是不提升，同样存在暂时性死区
5. const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动,对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。
6. 对于数组和对象的元素的修改，不算做对常量的修改，不会报错。-------- 复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。
7. 如果真的想将对象冻结，应该使用Object.freeze方法。

模板字符串

1. ES6引入新的生命字符串的方式``，之前是' 和' " "
2. 声明

 let str = `我也是字符串`;

3. 内容中可以直接出现换行符；
   
4. 变量拼接

let lovest = `你好`;
        let out = `${lovest}大家好`;
        console.log(out);

ES6 声明变量的六种方法

1. var命令和function命令。ES6 除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。

顶层对象的属性

1. var命令和function命令声明的全局变量，依旧是顶层对象的属性
2. 另一方面规定，let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性。

globalThis 对象

1. JavaScript语言存在一个顶层对象，它提供全局环境（即全局作用域），所有代码都是在这个环境中运行。但是，顶层对象在各种实现里面是不统一的。
2. 浏览器里面，顶层对象是window，但 Node 和 Web Worker没有window。
3. 浏览器和 Web Worker 里面，self也指向顶层对象，但是 Node 没有self。
4. Node 里面，顶层对象是global，但其他环境都不支持。

ES6：https://es6.ruanyifeng.com/#docs/intro
ECMAScript 6 入门