What's New in Javascript

Syntax - Tasty Web Development Treats

• Episode: What's New in Javascript
• Website: Syntax - Tasty Web Development Treats
• Feed URL: https://feed.syntax.fm/rss
• Duration: 00:48:08
• Published: 2020-05-13 15:00

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