跟上_JS_的腳步-ES2020.pdf

Transcript

1. 跟上 JS 的腳步 - ES2020 cypresskuo @前端組例會 2020/08/28
2. Dynamic import This repository contains a proposal for adding a "function-like" import() module loading syntactic form to JavaScript. It is currently in stage 4 of the TC39 process. Babel: @babel/plugin-syntax-dynamic-import · Babel
3. Nullish Coalescing It is currently in stage 4 of the TC39 process. Babel: @babel/plugin-proposal-nullish-coalescing-operator · Babel 0 || 123; // 123 0 ?? 123; // 0
4. Optional Chaining It is currently in stage 4 of the TC39 process. Babel: @babel/plugin-proposal-optional-chaining · Babel
5. Promise.allSettled It is currently in stage 4 of the TC39 process. 在所有給定的 promise 都已 fulfilled 或被 rejected 後，才執行下一步
6. 其他不常用的特性 BigInt String.prototype matchAll globalThis Module Namespace Exports
7. 同場加映: Promise 三兄弟 Promise.all 全部 promise 都要 fulfilled，才會返回 fulfilled 其中有一個被 rejected，就直接返回第一個被 reject 的值 Promise.any 全部 promise 都要 rejected，才會返回 rejected 其中有一個為 fulfilled，就直接返回第一個被 fulfilled 的值 Promise.race 直接返回第一個被 fulfilled / rejected 的 promise 其結果值
8. 同場加映: 你可能會用到的 ES2019 String.prototype trimStart String.prototype trimEnd Array.prototype flat
9. Q & A
10. • https://www.freecodecamp.org/news/javascript-new-features-es 2020/ • https://es6.ruanyifeng.com/#docs/promise • https://medium.com/@selvaganesh93/javascript-whats-new-in- ecmascript-2019-es2019-es10-35210c6e7f4b