The Future of JavaScript

Transcript

1. The Future of JavaScript
2. Craig Ayre • Software Development Consultant at Scott Logic • JavaScript enthusiast • Code golfer
3. Let’s look into the past… It’s May 1995…
4. Let’s look into the past… It’s May 1995…
5. Let’s look into the past… It’s May 1995… Meanwhile at Netscape Brendan Eich has a release target to hit
6. Let’s look into the past… It’s May 1995… Meanwhile at Netscape Brendan Eich has a release target to hit After 10 days he creates Mocha, which is then renamed to LiveScript and then again to JavaScript
7. ECMAScript editions 1, 1997 - First edition 2, 1998 - Editorial changes to keep the specification fully aligned with ISO/IEC 16262 international standard 3, 1999 - Added regular expressions, better string handling, new control statements, try/catch exception handling, tighter definition of errors, formatting for numeric output and other enhancements 4, Abandoned - Abandoned, due to political differences concerning language complexity. 5, 2011 - Object methods, array methods, date methods, json methods
8. Then came ES6 ✨ Significant new syntax Classes, modules, iterators and for/of loops, Python-style generators and generator expressions, arrow functions Binary data, typed arrays, collections (maps, sets and weak maps), promises, number and math enhancements, reflection, and proxies (metaprogramming for virtual objects and wrappers).
9. Why wait?
10. Why wait?
11. Then came ES7, ES8, ESNext... 8, 2017 - Async/await, string padding, Object.values/Object.entries 9, Draft - Rest/spread properties, asynchronous iteration, Promise.prototype.finally() and additions to RegExp.
12. So that’s how we got here… what about the future?
13. Optional chaining, Stage 1 https://github.com/tc39/proposal-optional-chaining
14. Nullish Coalescing, Stage 1 https://github.com/tc39/proposal-nullish-coalescing
15. Many functional additions…
16. Do expressions https://github.com/tc39/proposal-do-expressions Reduced scope
17. Do expressions https://github.com/tc39/proposal-do-expressions Immutable declarations
18. Pipeline operator, Stage 1 https://github.com/tc39/proposal-pipeline-operator
19. Partial application, Stage 1 https://github.com/tc39/proposal-partial-application
20. Let’s combine the two!
21. It’s not all functional
22. Class fields proposal, Stage 3 https://github.com/tc39/proposal-class-fields Field declarations
23. Class fields proposal, Stage 3 Private fields
24. Object proposals
25. Object.seal {| |} https://github.com/keithamus/proposal-object-freeze-seal-syntax
26. Object freeze {# #} ❄
27. All these symbols….
28. We only need 6 characters…
29. We only need 6 characters…
30. When is it safe to use these features? There’s a proposal, surely it’s safe to use!
31. Array.prototype.{flat,flatMap}, Stage 3 https://tc39.github.io/proposal-flatMap/
32. Array.prototype.{smoosh,smooshMap} ❌
33. Pattern matching proposal - Stage 1 https://github.com/tc39/proposal-pattern-matching
34. Pattern matching… not always just renaming...
39. • If there’s something you think can be improved, voice it! Draft your own proposals • Check out the features! Be weary of using them in prod though!
40. Where do keep up to date with this stuff? https://github.com/tc39/proposals https://twitter.com/EcmascriptDaily
41. Thank you! ❓ Q&A Please do come along and say hello!