2020年度中国工业互联网十件大事

1.2 语言特性

Async/Await （95.2%）， Promises （96.2%）这样的老牌异步解决方案看来已经是耳熟能详，被开发者广泛使用了。但是像 Decorators （47.4%）， Dynamic Import （42.8%）语法使用的人却并不多，至于 Proxies （22.3%） Promise.allSettled() （14.7%）这两个语法则更是不仅使用的人不多，连没听说过的人都不少。

如果说平时写业务很难用到像 Proxy 这样的对象代理方案，用的人少还情有可原。像 Dynamic Import 这种动态加载资源的方案配合上 webpack 打包出异步加载的 chunk 一起使用，绝对是页面性能进一步优化的大杀器，还不了解同学可以深度研究一下。

Promise.allSettled 这个方法终于补齐了 Promise 系列的全家桶，原来的 Promise.all 方法只在异步执行的函数集相互依赖时有效，碰上想要了解每个异步函数解决状态的情况，还是 Promise.allsettled 方法更好使。

1.3 数据结构

数据结构方面， Maps （73.4%）， Sets （66.9%）这样的数据结构已经比较广泛的被开发者们使用，而像 Typed Arrays （34.9%）， Array.prototype.flat() （39.6%）这样的数据结构和新语法则较少被用在工作之中， BigInt （13.9%）的使用率最低，但一般开发需求中也的确用不上。

有一说一， Array.prototype.flat() 这个方法其实挺好用的，虽然我们可以通过 Spread Operator 快速将一个 2 层嵌套的数组「拍平」变成一个一维数组，但是当我们需要对一个多于 2 层的数组进行「拍平」时，通过向 flat() 方法中传入参数的方式，显然更加方便。

1.4 浏览器 API

Local Storage （90.6%）， Fetch （87.1%）这种今年看来已经不再新鲜的 API 毫无疑问大家都在用，也确实在存储和 HTTP 请求上没有什么更好的原生方案。

而 WebSocket 62.6% 的使用率， Service Workers 42% 的使用率和 Intl 31.3% 的使用率也算是合情合理，毕竟受使用场景限制。

Shadow DOM （42.1%） ， Custom Elements （33.4%）无疑是今年最令人疯狂的浏览器 API 了，想想不通过使用 React 和 Vue，仅通过浏览器原生提供的功能就能实现高效可复用的组件化，生命周期函数什么的也一应俱全，仿佛好不容易学会的 React 好像明天就要过时，JavaScript 原教旨主义者终于一统天下。

可是别高兴的太早，现实还是很骨感，别说现在还没有像 Fusion，Antd 一样成熟的 UI 组件库可以开箱即用，如何通过这些 API 稳定搭建 SPA 应用，整个社区还没有讨论出一个像 React，Vue 和 AngularJS 一样的成熟方案，所以还是先等等吧，先熟悉一下 API 总是没错的。

至于像 Web Audio （20%）， WebGL （17.5%）， Web Animations （16.3%）， WebRTC （14%）， Web Speech API （8.2%）， WebVR （3.3%）这些只有特定开发需求才会使用的 API，使用的人少也是十分正常，但是可千万不要因此就忽略了这些 API。

像 Web Audio ， Web Speech 和 WebRTC 对于影音视频流的传输和交互就非常重要， WebGL ， Web Animations 和 WebVR 则更是将 Web 世界的表达能力拉高了好几个台阶。我觉的大家真该好好想想如何结合自身的业务场景通过这些浏览器能力寻求更新的突破，说不定下个风口或是交互模式创新就诞生在你的团队。到时候可千万别忘了给我发个红包（笑）。

（编辑：唐山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!