前端-ES6

ES6

let 和 const

• 在 ES6 中通常用 let 和 const 来声明，let 表示变量、const 表示常量
• let 和 const 都是块级作用域，不存在变量提升
• const 声明的是一个只读常量，在声明时就需要赋值。
• var 声明变量可以重复声明，而 let 不可以重复声明

Promise 对象

• Promise 是异步编程的一种解决方案，避免了回调地狱

• 两个过程：padding -> fulfilled、padding -> r

• Fulfilled 为成功的状态，Rejected 为失败的状态，Pending 既不是 Fulfilld 也不是 Rejected 的状态，可以理解为 Promise 对象实例创建时候的初始状态

• 当 pending 为 rejectd 时，会进入 catch

• Promise构造函数是同步执行的，then方法是异步执行（重点）

• 手写一个 Promise

• const promise = new Promise((resolve, reject) => {
    resolve('成功');
  }).then(
    (data) => {
      console.log('success', data)
    },
    (err) => {
      console.log('faild', err)
    }
  )
  

• 分析下列程序代码，得出运行结果，解释其原因

  const Promise = new Promise((resolve, reject) => {
  resolve('success1')
  reject('error')
  resolve('success2')
  })
  Promise .then((res) => {
  console.log('then: ', res)
  }) .catch((err) => {
  console.log('catch: ', err)
  })
  运行结果：then: success1
  解析：构造函数中的 resolve 或 reject 只有第一次执行有效，多次调用没有任何作用，呼
  应代码二结论：Promise 状态一旦改变则不能再变
  

async、await

• 使用 async/await, 搭配 Promise,可以通过编写形似同步的代码来处理异步流程, 提高代码 的简洁性和可读性
• async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成

module、export、import

• import 引入的模块是静态加载（编译阶段加载）而不是动态加载（运行时加载）。
• import 引入 export 导出的接口值是动态绑定关系，即通过该接口，可以取到模块内部实时的值

解构，扩展运算符

• ES6 可以直接以 let [a,b,c] = [1,2,3]形式进行变量赋值

• 扩展运算符还可以轻松方便的实现数组的复制和解构赋值（let a = [2,3,4]; let b = [...a]）

• 对象的解构赋值

  let {apple, orange} = {apple: 'red appe', orange: 'yellow orange'};
  

• 对象的扩展运算符(...)

  let {apple, orange, ...otherFruits} = {apple: 'red apple', orange: 'yellow orange', grape: 'purplegrape', peach: 'sweet peach'}; // otherFruits {grape: 'purple grape', peach: 'sweet peach'}
  // 注意: 对象的扩展运算符用在解构赋值时，扩展运算符只能用在最有一个参数
  

箭头函数(核心)

• 箭头函数内的 this 指向的是函数定义时所在的对象，而不是函数执行时所在的对象。
• 如果上一层还是箭头函数，则继续向上指，直到指向到有自己 this的函数为止，并作为自己的hhis。
• 不能用作构造函数，这就是说不能够使用 new 命令，否则会抛出一个

Set、Map

详细参考：js 中 Map 和 Set 的用法以及区别 - 掘金 (juejin.cn)

1. Set：
   • 成员不能重复
   • 只有键值没有键名，类似数组
   • 可以遍历，方法有 add, delete,ha
2. Map:
   • 本质上是健值对的集合，类似集合
   • 可以遍历，可以跟各种数据格式转换

setTimeout、Promise、Async/Await

事件循环中分为宏任务队列和微任务队列

• setTimeout 的回调函数放到宏任务队列里，等到执行栈清空以后执行
• Promise.then 里的回调函数会放到相应宏任务的微任务队列里，等宏任务里面的同步代码执 行完再执行
• async 函数表示函数里面可能会有异步方法，await 后面跟一个表达式
• async 方法执行时，遇到 await 会立即执行表达式，然后把表达式后面的代码放到微任务队 列里，让出执行栈让同步代码先执行

Promise 中 reject 和 catch 处理上有什么区别（高薪常问）

• reject 是用来抛出异常，catch 是用来处理异常
• reject 是 Promise 的方法，而 catch 是 Promise 实例的方法
• reject 后的东西，一定会进入 then 中的第二个回调，如果 then 中没有写第二个回调，则进入 catch
• 网络异常（比如断网），会直接进入 catch 而不会进入 then 的第二个回调