（4）模块的继承
export * from 'circle'; export var e = 2.71828182846; export default function(x) { return Math.exp(x); } 复制代码
注意： export * 会忽略default。
二、ES7 新特性（2016）
1. Array.prototype.includes
includes() 方法用来判断一个数组是否包含一个指定的值，如果包含则返回 true，否则返回false。该方法不会改变原数组。其语法如下：
arr.includes(searchElement, fromIndex) 复制代码
该方法有两个参数：
- searchElement：必须，需要查找的元素值。
- fromIndex：可选，从fromIndex 索引处开始查找目标值。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜 （即使从末尾开始往前跳 fromIndex 的绝对值个索引，然后往后搜寻）。默认为 0。
[1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, 3].includes(3, 3); // false [1, 2, 3].includes(3, -1); // true 复制代码
在 ES7 之前，通常使用 indexOf 来判断数组中是否包含某个指定值。但 indexOf 在语义上不够明确直观，同时 indexOf 内部使用 === 来判等，所以存在对 NaN 的误判，includes 则修复了这个问题：
[1, 2, NaN].indexOf(NaN); // -1 [1, 2, NaN].includes(NaN); // true 复制代码
注意：使用 includes()比较字符串和字符时是区分大小写。
2. 指数操作符
ES7 还引入了指数操作符 ，用来更为方便的进行指数计算，它与 Math.pow() 等效：
Math.pow(2, 10)); // 1024 2**10; // 1024 复制代码
三、ES8 新特性（2017）
ES8中引入了异步函数的解决方案async/await，这里不在多介绍，参考文章：《万字长文，重学JavaScript异步编程》
1. padStart()和padEnd()
padStart()和padEnd()方法用于补齐字符串的长度。如果某个字符串不够指定长度，会在头部或尾部补全。
（1）padStart()
padStart()用于头部补全。该方法有两个参数，其中第一个参数是一个数字，表示字符串补齐之后的长度；第二个参数是用来补全的字符串。
如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串：
'x'.padStart(1, 'ab') // 'x' 复制代码
如果用来补全的字符串与原字符串，两者的长度之和超过了指定的最小长度，则会截去超出位数的补全字符串：
'x'.padStart(5, 'ab') // 'ababx' 'x'.padStart(4, 'ab') // 'abax' 复制代码
如果省略第二个参数，默认使用空格补全长度：
'x'.padStart(4, 'ab') // 'a ' 复制代码
padStart()的常见用途是为数值补全指定位数，笔者最近做的一个需求就是将返回的页数补齐为三位，比如第1页就显示为001，就可以使用该方法来操作：
"1".padStart(3, '0') // 输出结果： '001' "15".padStart(3, '0') // 输出结果： '015' 复制代码
（2）padEnd()
padEnd()用于尾部补全。该方法也是接收两个参数，第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串：
'x'.padEnd(5, 'ab') // 'xabab' 'x'.padEnd(4, 'ab') // 'xaba' 复制代码
2. Object.values()和Object.entries()
在ES5中就引入了Object.keys方法，在ES8中引入了跟Object.keys配套的Object.values和Object.entries，作为遍历一个对象的补充手段，供for...of循环使用。它们都用来遍历对象，它会返回一个由给定对象的自身可枚举属性（不含继承的和Symbol属性）组成的数组，数组元素的排列顺序和正常循环遍历该对象时返回的顺序一致，这个三个元素返回的值分别如下：
- Object.keys()：返回包含对象键名的数组；
- Object.values()：返回包含对象键值的数组；
- Object.entries()：返回包含对象键名和键值的数组。
let obj = { id: 1, name: 'hello', age: 18 }; console.log(Object.keys(obj)); // 输出结果: ['id', 'name', 'age'] console.log(Object.values(obj)); // 输出结果: [1, 'hello', 18] console.log(Object.entries(obj)); // 输出结果: [['id', 1], ['name', 'hello'], ['age', 18] 复制代码
注意
- Object.keys()方法返回的数组中的值都是字符串，也就是说不是字符串的key值会转化为字符串。
- 结果数组中的属性值都是对象本身可枚举的属性，不包括继承来的属性。
3. 函数扩展
ES2017 规定函数的参数列表的结尾可以为逗号：
function person( name, age, sex, ) {} 复制代码
该特性的主要作用是方便使用git进行多人协作开发时修改同一个函数减少不必要的行变更。
四、ES9 新特性（2018）
1. for await…of
for await...of方法被称为异步迭代器，该方法是主要用来遍历异步对象。
for await...of 语句会在异步或者同步可迭代对象上创建一个迭代循环，包括 String，Array，类数组，Map， Set和自定义的异步或者同步可迭代对象。这个语句只能在 async function内使用：
function Gen (time) { return new Promise((resolve,reject) => { setTimeout(function () { resolve(time) },time) }) } async function test () { let arr = [Gen(2000),Gen(100),Gen(3000)] for await (let item of arr) { console.log(Date.now(),item) } } test() 复制代码
输出结果：
2. Promise.prototype.finally()
ES2018 为 Promise 添加了 finally() 方法，表示无论 Promise 实例最终成功或失败都会执行的方法：
const promise = new Promise((resolve, reject) => { setTimeout(() => { const one = '1'; reject(one); }, 1000); }); promise .then(() => console.log('success')) .catch(() => console.log('fail')) .finally(() => console.log('finally')) 复制代码
finally() 函数不接受参数，finally() 内部通常不知道 promise 实例的执行结果，所以通常在 finally() 方法内执行的是与 promise 状态无关的操作。
3. 对象的扩展运算符
在ES6中就引入了扩展运算符，但是它只能作用于数组，ES2018中的扩展运算符可以作用于对象：
（1）将元素组织成对象
const obj = {a: 1, b: 2, c: 3}; const {a, ...rest} = obj; console.log(rest); // 输出 {b: 2, c: 3} (function({a, ...obj}) { console.log(obj); // 输出 {b: 2, c: 3} }({a: 1, b: 2, c: 3})); 复制代码
（2）将对象扩展为元素
const obj = {a: 1, b: 2, c: 3}; const newObj ={...obj, d: 4}; console.log(newObj); // 输出 {a: 1, b: 2, c: 3, d: 4} 复制代码
（3）可以用来合并对象
const obj1 = {a: 1, b:2}; const obj2 = {c: 3, d:4}; const mergedObj = {...obj1, ...obj2}; console.log(mergedObj); // 输出 {a: 1, b: 2, c: 3, d: 4} 复制代码
五、ES10 新特性（2019）
1. trimStart() 和 trimEnd()
在ES10之前，JavaScript提供了trim()方法，用于移除字符串首尾空白符。在ES9中提出了trimStart()和trimEnd() 方法用于移除字符串首尾的头尾空白符，空白符包括：空格、制表符 tab、换行符等其他空白符等。
（1）trimStart()
trimStart() 方法的的行为与trim()一致，不过会返回一个从原始字符串的开头删除了空白的新字符串，不会修改原始字符串：
const s = ' abc '; s.trimStart() // "abc " 复制代码
（2）trimEnd()
trimEnd() 方法的的行为与trim()一致，不过会返回一个从原始字符串的结尾删除了空白的新字符串，不会修改原始字符串：
const s = ' abc '; s.trimEnd() // " abc" 复制代码
注意，这两个方法都不适用于null、undefined、Number类型。
2. flat()和flatMap()
（1）flat()
在ES2019中，flat()方法用于创建并返回一个新数组，这个新数组包含与它调用flat()的数组相同的元素，只不过其中任何本身也是数组的元素会被打平填充到返回的数组中：
[1, [2, 3]].flat() // [1, 2, 3] [1, [2, [3, 4]]].flat() // [1, 2, [3, 4]] 复制代码
在不传参数时，flat()默认只会打平一级嵌套，如果想要打平更多的层级，就需要传给flat()一个数值参数，这个参数表示要打平的层级数：
[1, [2, [3, 4]]].flat(2) // [1, 2, 3, 4] 复制代码
如果数组中存在空项，会直接跳过：
[1, [2, , 3]].flat()); // [1, 2, 3] 复制代码
如果传入的参数小于等于0，就会返回原数组：
[1, [2, [3, [4, 5]]]].flat(0); // [1, [2, [3, [4, 5]]]] [1, [2, [3, [4, 5]]]].flat(-10); // [1, [2, [3, [4, 5]]]] 复制代码
（2）flatMap()
flatMap()方法使用映射函数映射每个元素，然后将结果压缩成一个新数组。它与 map 和连着深度值为1的 flat 几乎相同，但 flatMap 通常在合并成一种方法的效率稍微高一些。该方法会返回一个新的数组，其中每个元素都是回调函数的结果，并且结构深度 depth 值为1。
[1, 2, 3, 4].flatMap(x => x * 2); // [2, 4, 6, 8] [1, 2, 3, 4].flatMap(x => [x * 2]); // [2, 4, 6, 8] [1, 2, 3, 4].flatMap(x => [[x * 2]]); // [[2], [4], [6], [8]] [1, 2, 3, 4].map(x => [x * 2]); // [[2], [4], [6], [8]]
