Javascript 中超好用的一些API，大大提高开发效率，让开发更简单

记录一些好用又被忽略的JS原生接口

分享在开发过程中使用到的一些有趣的接口，多次使用后发现大大提高实现某些功能的成本，提高代码的可读性。

---

提示：不定期会更新

---

1、数组扁平化处理的函数：flat()

先上官方MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/flat
当有时候要处理多层嵌套的数组的时候，使用起来很方便，特别是处理对象数组的时候。
代码如下（示例）：

var arr1 = [1, 2, [3, 4]];
arr1.flat();
// [1, 2, 3, 4]

var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]

var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]

//使用 Infinity，可展开任意深度的嵌套数组
var arr4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]];
arr4.flat(Infinity);
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

var arr5 = [{a:1,b:1},[{a:1,b:1},{a:1,b:1}]]
arr5.flat();
// [{a:1,b:1}, {a:1,b:1}, {a:1,b:1}]

2、等待多个异步的事件执行结果：Promise.all()

先上官方MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise/all
需要等待多个异步的处理结果的时候，这个就非常好用，好用到你想笑。
代码如下（示例）：

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3]).then((values) => {
  console.log(values);
});
// expected output: Array [3, 42, "foo"]

3、待需……