What's New in JavaScript and Why (korean, 2019)

What's New in JavaScript and Why (korean, 2019)

I/O Extended 2019 Pangyo

Transcript

1. What's New In Javascript and Why ӣ૑ള kakao corp
2. • What’s new in JavaScript(Google I/O ’19) ীࢲ աৡ ੉ঠӝ + ࢎ઒ • ੉޷ ੸ਊغ঻Ѣա ֤੄ ઺ੋ JavaScript ӝמٜী ؀೧ ੉ঠӝ Overview
3. • class fields • String#matchAll • numeric separators • BigInt • Array#{flat, flatMap} • Object.fromEntries Index • globalThis • Array#sort • Intl • Promise • WeakRefs
5. 2018...
6. class fields
7. class fields
8. class fields
9. class fields
10. class fields
11. class fields
12. class fields
13. class fields
14. class fields
15. class fields
16. class fields V8 7.4+ Chrome 74+ Node.js 12+ https://v8.dev/features/class-fields
17. String#matchAll
18. String#matchAll
19. String#matchAll
20. String#matchAll
21. String#matchAll V8 7.3+ Chrome 73+ Firefox 67+ Node.js 12+ https://v8.dev/features/string-matchall
22. numeric separators
23. numeric separators
24. numeric separators
25. numeric separators V8 7.5+ Chrome 75+ https://v8.dev/features/string-matchall https://github.com/tc39/proposal-numeric-separator
26. BigInt
27. BigInt
28. BigInt
29. BigInt
30. BigInt
31. BigInt * ࣗࣻ੼ ࠛо! * Number ৬ ഒਊ೧ࢲ ࢎਊ ࠛо! 
 (э਷ ੗ܐഋਵ۽ ఋੑ நझ౟ ೧઻ঠ ೣ) * Math ё୓੄ ݫࢲ٘ܳ ೣԋ ࢎਊ ࠛо
 * https://developer.mozilla.org/ko/docs/Web/JavaScript/ Reference/Global_Objects/BigInt
32. BigInt
33. BigInt Chrome 67+ Firefox 68+ Node.js 12+ (10.8+) https://v8.dev/features/bigint https://node.green/#ESNEXT-candidate--stage-3--BigInt
34. BigInt Chrome 67+ Firefox 68+ Node.js 12+ (10.8+) https://v8.dev/features/bigint https://node.green/#ESNEXT-candidate--stage-3--BigInt pure-JavaScript implementation of the official ECMAScript BigInt proposal 
 - https://github.com/GoogleChromeLabs/jsbi
35. Array#{flat, flatMap}
36. Array#{flat, flatMap}
37. Array#{flat, flatMap}
38. Array#{flat, flatMap}
39. Array#{flat, flatMap}
40. Array#{flat, flatMap}
41. Array#{flat, flatMap}
42. Array#{flat, flatMap}
43. Array#{flat, flatMap}
44. Array#{flat, flatMap} Chrome 69+ Firefox 62+ Safari 12+ Node.js 11+ https://v8.dev/features/array-flat-flatmap
45. Object.fromEntries
46. Object.fromEntries
47. Object.fromEntries
48. Object.fromEntries
49. Object.fromEntries
50. Object.fromEntries
51. Object.fromEntries
52. Object.fromEntries
53. Object.fromEntries Chrome 73+ Firefox 63+ Safari 12.1+ Node.js 12+ (link) mdn - Object/fromEntries
54. globalThis
55. globalThis
56. globalThis
57. globalThis Chrome 71+ Firefox 65+ Safari 12.1+ Node.js 12+ (link) mdn - globalThis
58. Array#sort
59. Array#sort
60. Array#sort
61. Array#sort
62. Array#sort V8 7.0+ Chrome 70+ & ‘All major JavaScript engines’ https://v8.dev/blog/array-sort
63. Intl - internationalization
64. Intl - internationalization
65. Intl - internationalization
66. Intl - internationalization
67. Intl - internationalization
68. check specific versions https://v8.dev/blog/intl https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl https://nodejs.org/api/intl.html Intl - internationalization
69. Promise
70. Promise
71. Promise.all
72. Promise.race
73. Promise
74. Promise.allSettled Chrome 76+ https://github.com/tc39/proposal-promise-allsettled
75. Promise.any proposal https://github.com/tc39/proposal-promise-any
76. https://v8.dev/features/promise-combinators Promise
77. WeakRef - proposal
78. WeakRef - proposal https://github.com/tc39/proposal-weakrefs https://tc39.es/proposal-weakrefs/#sec-weak-ref-objects https://www.youtube.com/watch?v=c0oy0vQKEZE&t=1950s “ A WeakRef is an object that is used to refer to a target object without preserving it from garbage collection. WeakRefs can dereference to allow access to the target object, if the target object hasn't been reclaimed by garbage collection. ”
79. WeakRef - proposal Usage * cache(performExpensiveOperation) * WebAssembly * prevent memory leaks https://github.com/tc39/proposal-weakrefs https://tc39.es/proposal-weakrefs/#sec-weak-ref-objects https://www.youtube.com/watch?v=c0oy0vQKEZE&t=1950s
80. TMI
81. * Node.js check v8 version * node -e ‘console.log(process.versions.v8);'
 * Node.js Internationalization Support * https://nodejs.org/api/intl.html * (default) small-icu
82. Fin.