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