阮一峰ES6教程学习笔记
原文地址
1. let和var
-
let：ES6 新增命令
- 用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。
- for循环的计数器，就很合适使用let命令
- tip：for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域
- 不存在变量提升：必须先声明后使用
- （1）！暂时性死区（TDZ）：ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。
if (true) { // TDZ开始 tmp = 'abc'; // ReferenceError console.log(tmp); // ReferenceError let tmp; // TDZ结束 console.log(tmp); // undefined tmp = 123; console.log(tmp); // 123 }typeof(为声明的变量)：undefined
typeof(将要被let声明的变量)：ReferenceError所以：好习惯1 —— 变量先声明后使用
-
（2）不允许重复声明
- let不允许在相同作用域内，重复声明同一个变量
2.块级作用域
- ES5 只有全局作用域和函数作用域，ES6新增块级作用域
- let实际上为 JavaScript 新增了块级作用域。
- ES6 允许块级作用域的任意嵌套。
- 块级作用域的出现，实际上使得获得广泛应用的立即执行函数表达式（IIFE）不再必要了
- ES5 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。（but，浏览器没有遵守这个规定，为了兼容以前的旧代码，还是支持在块级作用域之中声明函数，因此上面实际能运行，不会报错。）
- ES6 引入了块级作用域，明确允许在块级作用域之中声明函数
允许在块级作用域内声明函数。
函数声明类似于var，即会提升到全局作用域或函数作用域的头部。
同时，函数声明还会提升到所在的块级作用域的头部。
// 这三条规则只对 ES6 的浏览器实现有效，其他环境的实现不用遵守，还是将块级作用域的函数声明当作let处理。
所以：习惯2 —— 环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句。
！ES6 的块级作用域允许声明函数的规则，只在使用大括号的情况下成立，如果没有使用大括号，就会报错
3.let 和 const
const声明一个只读的常量,一旦声明变量，就必须立即初始化,常量的值不能改变
const的作用域与let命令相同：1.只在声明所在的块级作用域内有效
2.声明的常量也是不提升，同样存在暂时性死区 3.不可重复声明
本质：const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。
1.简单类型的数据：等同于常量
2.复合类型的数据:指向的内存地址(所以保证地址不改变，可以改变里面的值)
4.ES6 的 6 种声明变量的方法
var命令和function命令
let和const命令
import命令和class命令
5.顶层对象的属性
顶层对象：浏览器中 = window；Node中 = global；ES5中 = 全局变量
ES6中：var命令和function命令声明的全局变量，依旧是顶层对象的属性
let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性
