• ES6 中数组新增了哪些扩展？
• 你是怎么理解 ES6 中 Decorator 的？使用场景？
• 对象新增了哪些扩展？
• 你是怎么理解 ES6 中 Generator 的？使用场景？
• 你是怎么理解 ES6 中 Module 的？使用场景？
• 对象新增了哪些扩展？
• 你是怎么理解 ES6 中 Promise 的？使用场景？
• 你是怎么理解 ES6 中 Proxy 的？使用场景?
• 你是怎么理解 ES6 新增 Set、Map 两种数据结构的？
• 说说 var、let、const 之间的区别

对象新增了哪些扩展？

一、参数

ES6允许为函数的参数设置默认值

function log(x, y = 'World') {
  console.log(x, y);
}

console.log('Hello'); // Hello World
console.log('Hello', 'China'); // Hello China
console.log('Hello', ''); // Hello

你是怎么理解 ES6 中 Module 的？使用场景？

一、介绍

模块，（Module），是能够单独命名并独立地完成一定功能的程序语句的集合（即程序代码和数据结构的集合体）。

ES6 中数组新增了哪些扩展？

一、扩展运算符的应用

ES6 通过扩展元素符...，好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列

你是怎么理解 ES6 新增 Set、Map 两种数据结构的？

如果要用一句来描述，我们可以说

Set是一种叫做集合的数据结构，Map是一种叫做字典的数据结构

你是怎么理解 ES6 中 Proxy 的？使用场景?

一、介绍

定义： 用于定义基本操作的自定义行为

本质： 修改的是程序默认形为，就形同于在编程语言层面上做修改，属于元编程(meta programming)

你是怎么理解 ES6 中 Promise 的？使用场景？

一、介绍

Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大

说说 var、let、const 之间的区别

一、var

在 ES5 中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量

你是怎么理解 ES6 中 Decorator 的？使用场景？

一、介绍

Decorator，即装饰器，从名字上很容易让我们联想到装饰者模式

简单来讲，装饰者模式就是一种在不改变原类和使用继承的情况下，动态地扩展对象功能的设计理论。

你是怎么理解 ES6 中 Generator 的？使用场景？

一、介绍

Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同

回顾下上文提到的解决异步的手段：

对象新增了哪些扩展？

一、属性的简写

ES6 中，当对象键名与对应值名相等的时候，可以进行简写

const baz = { foo: foo };

// 等同于
const baz = { foo };

跨域

es6 知识点

ECMAScript 6 (简称 ES6) 是 JavaScript 语言的下一代标准

ECMAScript 的提案流程

• Stage 0 - Strawman（展示阶段）
• Stage 1 - Proposal（征求意见阶段）
• Stage 2 - Draft（草案阶段）
• Stage 3 - Candidate（候选人阶段）
• Stage 4 - Finished（定案阶段）

模块化的好处

• 避免命名空间的冲突
• 提高代码的复用性
• 提高维护性
• 更好的分离，实现按需加载

new 运算符

function myNew() {
  // 获取构造函数
  const Constructor = [].shift.call(arguments);

  // 创建空对象并设置原型
  const obj = Object.create(Constructor.prototype);

  // 绑定 this 并执行构造函数
  const result = Constructor.apply(obj, arguments);

  // 返回构造函数显示返回的值或新对象
  const type = typeof result;
  return result && (type === 'object' || type === 'function') ? result : obj;
}