What's New in Javascript

Syntax - Tasty Web Development Treats

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

1. Integer keys in ascending order (and strings like “1” that parse as ints)
2. String keys, in insertion order (ES2015 guarantees this and all browsers comply)
3. 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