Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
What's New in JavaScript and Why (korean, 2019)
Search
Jihoon KIm
June 21, 2019
Programming
0
69
What's New in JavaScript and Why (korean, 2019)
What's New in JavaScript and Why (korean, 2019)
I/O Extended 2019 Pangyo
Jihoon KIm
June 21, 2019
Tweet
Share
More Decks by Jihoon KIm
See All by Jihoon KIm
DevFest 2019 DevOps and Test (Korean)
superfishz
0
11
TDD, Test Driven Development
superfishz
0
17
introduce asymptotic notation
superfishz
0
12
Other Decks in Programming
See All in Programming
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
marcoroth
0
690
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
540
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.4k
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
1.5k
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
Swift Updates - Learn Languages 2025
koher
2
480
はじめてのMaterial3 Expressive
ym223
2
740
Reading Rails 1.0 Source Code
okuramasafumi
0
240
請來的 AI Agent 同事們在寫程式時,怎麼用 pytest 去除各種幻想與盲點
keitheis
0
120
アプリの "かわいい" を支えるアニメーションツールRiveについて
uetyo
0
270
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
440
今だからこそ入門する Server-Sent Events (SSE)
nearme_tech
PRO
3
230
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
810
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Scaling GitHub
holman
463
140k
How GitHub (no longer) Works
holman
315
140k
Site-Speed That Sticks
csswizardry
10
820
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Done Done
chrislema
185
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Transcript
What's New In Javascript and Why ӣള kakao corp
• What’s new in JavaScript(Google I/O ’19) ীࢲ աৡ ঠӝ
+ ࢎ • ਊغѢա ֤ ੋ JavaScript ӝמٜী ೧ ঠӝ Overview
• class fields • String#matchAll • numeric separators • BigInt
• Array#{flat, flatMap} • Object.fromEntries Index • globalThis • Array#sort • Intl • Promise • WeakRefs
None
2018...
class fields
class fields
class fields
class fields
class fields
class fields
class fields
class fields
class fields
class fields
class fields V8 7.4+ Chrome 74+ Node.js 12+ https://v8.dev/features/class-fields
String#matchAll
String#matchAll
String#matchAll
String#matchAll
String#matchAll V8 7.3+ Chrome 73+ Firefox 67+ Node.js 12+ https://v8.dev/features/string-matchall
numeric separators
numeric separators
numeric separators
numeric separators V8 7.5+ Chrome 75+ https://v8.dev/features/string-matchall https://github.com/tc39/proposal-numeric-separator
BigInt
BigInt
BigInt
BigInt
BigInt
BigInt * ࣗࣻ ࠛо! * Number ৬ ഒਊ೧ࢲ ࢎਊ ࠛо!
(э ܐഋਵ۽ ఋੑ நझ ೧ঠ ೣ) * Math ё ݫࢲ٘ܳ ೣԋ ࢎਊ ࠛо * https://developer.mozilla.org/ko/docs/Web/JavaScript/ Reference/Global_Objects/BigInt
BigInt
BigInt Chrome 67+ Firefox 68+ Node.js 12+ (10.8+) https://v8.dev/features/bigint https://node.green/#ESNEXT-candidate--stage-3--BigInt
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
Array#{flat, flatMap}
Array#{flat, flatMap}
Array#{flat, flatMap}
Array#{flat, flatMap}
Array#{flat, flatMap}
Array#{flat, flatMap}
Array#{flat, flatMap}
Array#{flat, flatMap}
Array#{flat, flatMap}
Array#{flat, flatMap} Chrome 69+ Firefox 62+ Safari 12+ Node.js 11+
https://v8.dev/features/array-flat-flatmap
Object.fromEntries
Object.fromEntries
Object.fromEntries
Object.fromEntries
Object.fromEntries
Object.fromEntries
Object.fromEntries
Object.fromEntries
Object.fromEntries Chrome 73+ Firefox 63+ Safari 12.1+ Node.js 12+ (link)
mdn - Object/fromEntries
globalThis
globalThis
globalThis
globalThis Chrome 71+ Firefox 65+ Safari 12.1+ Node.js 12+ (link)
mdn - globalThis
Array#sort
Array#sort
Array#sort
Array#sort
Array#sort V8 7.0+ Chrome 70+ & ‘All major JavaScript engines’
https://v8.dev/blog/array-sort
Intl - internationalization
Intl - internationalization
Intl - internationalization
Intl - internationalization
Intl - internationalization
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
Promise
Promise
Promise.all
Promise.race
Promise
Promise.allSettled Chrome 76+ https://github.com/tc39/proposal-promise-allsettled
Promise.any proposal https://github.com/tc39/proposal-promise-any
https://v8.dev/features/promise-combinators Promise
WeakRef - proposal
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. ”
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
TMI
* 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
Fin.