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
67
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
13
introduce asymptotic notation
superfishz
0
12
Other Decks in Programming
See All in Programming
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
810
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.6k
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
5
2.2k
HUIT新歓2024「競技プログラミング、やってみませんか?」
slephy2784
1
250
デザインシステムで Tailwind CSSとCSS in JSに分散投資をしたら良かった話
fsubal
18
4.8k
⼤規模⾔語モデルの拡張(RAG)が 終わったかも知れない件について
nearme_tech
22
15k
ドメイン・ファーストで考える問題解決に役立つモデル設計 / Domain First Model Design
suzushin54
2
2.1k
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
3k
코틀린으로 멀티플랫폼 만들기
pangmoo
0
110
Git Lint
bkuhlmann
4
730
品質とスピードを両立: TypeScriptの柔軟な型システムをバックエンドで活用する
kosui
8
2.2k
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
300
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
92
4.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
29
6k
Docker and Python
trallard
33
2.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
258
12k
Mobile First: as difficult as doing things right
swwweet
215
8.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Making Projects Easy
brettharned
106
5.5k
A Modern Web Designer's Workflow
chriscoyier
689
190k
GraphQLの誤解/rethinking-graphql
sonatard
49
9.2k
Gamification - CAS2011
davidbonilla
76
4.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
12
1.5k
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.