May 13th, 2020 × #ES2019#ES2020#JavaScript
What's New in Javascript
Covers new JavaScript features coming in ES2019 and ES2020 including flat map, knowledge coalescing, global this, optional chaining and more.
In this episode of Syntax, Scott and Wes talk about what is new in Javascript — a whole bunch of new stuff that you can use now and in the next sixth months or so.
LogRocket - Sponsor
LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
Freshbooks - Sponsor
Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.
Show Notes
ES2019
04:03 - Array.flatMap() 05:30 - Array.flat() 07:37 - Array.fromEntries() 09:50 - String.trimStart() and String.trimEnd() 11:23 - Function.toString() 11:57 - Object Key Order
- Integer keys in ascending order (and strings like "1" that parse as ints)
- String keys, in insertion order (ES2015 guarantees this and all browsers comply)
- Symbol names, in insertion order (ES2015 guarantees this and all browsers comply)
ES2020
14:50 - Big int 18:09 - Nullish coalescing 20:57 - Optional Chaining 24:55 - promise.allSettled 25:33 - Dynamic import 27:14 - string.matchAll(regex) and string.replaceAll 29:30 - globalThis 30:44 - Module Namespace Exports 33:11 - Navigator.share() API 36:34 - Async Hooks 37:39 - Pipline Operator 39:59 - Top Level Await
Links
- https://twitter.com/wesbos/status/1181584047144878080
- https://twitter.com/wesbos/status/1238472679893671938
- https://twitter.com/wesbos/status/1230515254687301635
- Regex101
- Regexr
- https://developer.mozilla.org/en-US/docs/Web/API/Navigator/canShare
- Sketch
- CloudApp
- Figma
- https://nodejs.org/api/async_hooks.html
- Gulp
- https://v8.dev/features/top-level-await
- https://github.com/tc39/proposal-pipeline-operator
××× SIIIIICK ××× PIIIICKS ×××
- Scott: Sapper
- Wes: Dewalt Oscillating Multitool
Shameless Plugs
- Scott: Level Up Tutorials Pro - Sign up for the year and save 25%!
- Wes: All Courses - Use the coupon code 'Syntax' for $10 off!
Tweet us your tasty treats!
- Scott's Instagram
- LevelUpTutorials Instagram
- Wes' Instagram
- Wes' Twitter
- Wes' Facebook
- Scott's Twitter
- Make sure to include @SyntaxFM in your tweets