es6基础

let与const

let声明的变量只在它所在的代码块有效
var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined,而let不存在变量提升
ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）
ES6 规定暂时性死区和let、const语句不出现变量提升，主要是为了减少运行时错误，防止在变量声明前就使用这个变量，从而导致意料之外的行为
let不允许在相同作用域内，重复声明同一个变量
const声明一个只读的常量。一旦声明，常量的值就不能改变,const一旦声明变量，就必须立即初始化，不能留到以后赋值
对于const来说，只声明不赋值，就会报错
const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用
const的作用域与let命令相同：只在声明所在的块级作用域内有效
const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心

es6声明变量的六种方法

var,function,let,const,import,class

变量的解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构

数组的解构赋值

数组解构赋值分为完全解构和不完全解构，如果解构不成功，变量的值就等于undefined，如果使用的是剩余运算符的话，就为空数组
完全结构：只要等号两边的模式相同，左边的变量就会被赋予对应的值(基本，嵌套，可忽略，剩余运算符)
不完全解构：等号左边的模式，只匹配一部分的等号右边的数组
解构赋值允许指定默认值,ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效

对象的解构赋值

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值

字符串的扩展

• JSON.stringify()
• 模板字符串
• 新增的方法
  • includes()：返回布尔值，表示是否找到了参数字符串
  • startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部
  • endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部
  • repeat方法返回一个新字符串，表示将原字符串重复n次
  • 如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全
  • matchAll()方法返回一个正则表达式在当前字符串的所有匹配
  • 字符串对象共有 4 个方法，可以使用正则表达式：match()、replace()、search()和split()

数值的扩展

• Number.isFinite()用来检查一个数值是否为有限的（finite），即不是Infinity，注意，如果参数类型不是数值，Number.isFinite一律返回false
• Number.isNaN()用来检查一个值是否为NaN，非NaN一律返回false
• Number.parseInt(), Number.parseFloat()
• Number.isInteger()用来判断一个数值是否为整，如果参数不是数值，Number.isInteger返回false
• Number()将非数值的值转为数值
• Math.trunc方法用于去除一个数的小数部分，返回整数部分，对于非数值，Math.trunc内部使用Number方法将其先转为数值，对于空值和无法截取整数的值，返回NaN

函数的扩展

• 函数默认值
• 参数默认值可以与解构赋值的默认值，结合起来使用
• 通常情况下，定义了默认值的参数，应该是函数的尾参数
• 剩余参数...rest,其实rest是一个参数数组
• 箭头函数
  • 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分
  • 如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回
  • 由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错
  • 箭头函数可以与变量解构结合使用

  const full = ({ first, last }) => first + ' ' + last;
  
  // 等同于
  function full(person) {
    return person.first + ' ' + person.last;
  }
  

数组的扩展

• 扩展运算符是三个点...
• 扩展运算符的应用
  • 复制数组,扩展运算符提供了复制数组的简便写法
  • 合并数组,扩展运算符提供了数组合并的新写法
  • 扩展运算符可以与解构赋值结合起来，用于生成数组
  • 只有函数调用时，扩展运算符才可以放在圆括号中，否则会报错
• Array.from方法用于将两类对象转为真正的数组：类似数组的对象和可遍历的对象
• Array.of方法用于将一组值，转换为数组,如果没有参数，就返回一个空数组

Promise

Promise对象是一个构造函数，用来生成Promise实例

const promise = new Promise(function(resolve, reject) {
  // ... some code

  if (/* 异步操作成功 */){ 
    resolve(value);
  } else {
    reject(error);
  }
});

• Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject
• Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数
• then方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为resolved时调用，第二个回调函数是Promise对象的状态变为rejected时调用。其中，第二个函数是可选的，不一定要提供。这两个函数都接受Promise对象传出的值作为参数
• Promise 新建后就会立即执行
• catch用于指定发生错误时的回调函数

async与await

• async函数返回一个 Promise 对象，可以使用then方法添加回调函数
• async函数内部return语句返回的值，会成为then方法回调函数的参数
• 正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值
• await命令后面的Promise对象，运行结果可能是rejected，所以最好把await命令放在try…catch代码块中
• 多个await命令后面的异步操作，如果不存在继发关系，最好让它们同时触发
• await命令只能用在async函数之中，如果用在普通函数，就会报错

// 写法一
let [foo, bar] = await Promise.all([getFoo(), getBar()]);

// 写法二
let fooPromise = getFoo();
let barPromise = getBar();
let foo = await fooPromise;
let bar = await barPromise;