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
ES2020 で来る7つの新機能
Search
53
May 08, 2020
Technology
1
75
ES2020 で来る7つの新機能
53
May 08, 2020
Tweet
Share
More Decks by 53
See All by 53
CSSで非表示にする方法
gotadano
0
60
Vue.js_x_Animation.pdf
gotadano
1
140
Vue.jsとNuxt.jsの学び方
gotadano
0
210
初めてnpmパッケージを公開した話.pdf
gotadano
0
29
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
gotadano
1
330
Other Decks in Technology
See All in Technology
Combineを中心とした処理をSwift Concurrencyへ (これまでも調べた調査と向き合い)
fumiyasac0921
1
180
DevOps Topologies 10 years on: what have we learned about silos, collaboration, and flow? - Matthew Skelton, Conflux
matthewskelton
PRO
2
420
【Cyber-sec+】ログの森で出会ったCloudTrail との奇妙な旅
hssh2_bin
1
220
スクラムマスター不在でスクラムをやるのは(とても辛いので)やめておけ! #scrumfukuoka
nulabinc
PRO
4
900
書を捨てよ、現場へ出よう
nwiizo
11
8.8k
5分で理解するWebAssemblyのWebの外の話 PHPはマイコンの夢を見るか?
usuyuki
3
200
10年モノのレガシーPHPアプリケーションを移植しきるまでの泥臭くも長い軌跡 / legacy-php-app-migration
toshimaru
0
700
Feature Flag Deep Dive
biwashi
20
5k
[AWS Expert Online for JAWS-UG]AWS SAW を使ったトラブルシューティング効率化のススメ
furuton
0
170
事業部を超えた 開発生産性向上に挑戦する
kentakozuka
2
190
S3成長記録@Storage-JAWS#3
p0n
0
130
GitHub composite actions
hkusu
1
120
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
Build your cross-platform service in a week with App Engine
jlugia
223
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
Designing with Data
zakiwarfel
94
4.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
The Brand Is Dead. Long Live the Brand.
mthomps
48
20k
The Cult of Friendly URLs
andyhume
72
5.6k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
18
1.8k
Raft: Consensus for Rubyists
vanstee
130
6.2k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
Web Components: a chance to create the future
zenorocha
304
41k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Transcript
ES2020Ͱ͑Δ7ͭͷ৽ػೳ גࣜձࣾGameWith ࣾLT ྩ25݄8 EcmaScript 11ճͷϦϦʔε
߶ ϑϩϯτΤϯυΤϯδχΞ Flash → Webήʔ → Ձ֨ൺֱαΠτˠ Unity →
WebϝσΟΞˠ YouTuberେखࣄॴ ˠGamewith(͍·ίί)
QoL ࢪࡦ
ि4Ͱ12km Run • ݄ؒ 200kmΦʔόʔͰނোϦεΫ • 2લʹΞΩϨε伳அ྾ • ఈےບԌ •
ͭ΅ϩʔϥʔ ¥ 3,880ԁ • ࣄ͠ͳ͕Β ࠷ۙϚεΫʹ׳Ε͖ͯͨ
ES2020 https://github.com/tc39/proposals
globalThis
࣮ߦڥ ͞·͟· • Webϒϥβʔ • αʔόʔαΠυ • εϚϗ • ϩϘοτ
άϩʔόϧ ΦϒδΣΫτ ඞͣଘࡏ͢Δ❗
None
ಠࣗͷΦϒδΣΫτϞσϧ
ෳͷڥͰಈ͘ίʔυ ڥΛఆ͢ΔؔΛ༻ҙ͍͕ͯͨ͠…
Ұ؏ͨ͠ํ๏ͰΞΫηε ͜Ε͔Β globalThis ϓϩύςΟ Ͱඪ४Խ
Promise.allSettled( )
Ҿ ϓϩϛεͷྻ
Promise.allsettled( )
Promise.allsettled( )
݁Ռ͕هड़͞Εͨྻ ݁ՌΛϑΟϧλϦϯά͢Δͷ͕༰қʹͳΔ
Null ߹ମԋࢉࢠ
exp ?? exp null ͔ undefined ͷͱ͖͚ͩӈลΛฦ͢
Null ߹ମԋࢉࢠ
Null ߹ମԋࢉࢠ
Null ߹ମԋࢉࢠ
exp ?? exp σϑΥϧτ Λࢦఆ͢ΔͨΊͷ৽͍͠ํ๏
ΦϓγϣφϧνΣʔϯԋࢉࢠ
ΦϒδΣΫτͷ தؒνΣοΫ ΦϒδΣΫτ null/undefined Λฦ͢ API
ΦϒδΣΫτͷωετ෦ϓϩύςΟ
ΦϒδΣΫτͷωετ෦ϓϩύςΟ
BigInt
Number.MAX_SAFE_INTEGER 2⁵³ ( 9007199254740991 )
BigInt ඌ n ͕͘
Number ͱڞଘ͍͠ ܕ͕ҧ͏ͷͰԋࢉͰ͖ͳ͍
Number ͱڞଘ͍͠ ਫ਼͕୲อ͞Εͯͳ͍
dynamic import( )
ಈతϩʔυ εΫϦϓτಈ࡞࣌ʹΞϓϦέʔγϣϯͷҰ෦Λऔಘ
dynamic import( ) αϙʔτͷྫ • ଟΧࠃαϙʔτͰɺϢʔβʔݴޠʹඞཁͳεΫϦϓτ͚ͩΛϩʔυ • ΞϓϦέʔγϣϯΛࡉΕʹͯ͠ɺ ԆϩʔυʹΑͬͯύϑΥʔϚϯεɾνϡʔχϯάΛߦ͏ •
Ϟδϡʔϧ͕ݟ͔ͭΒͳ͍߹ͷಈ࡞Λ࣮Ͱ͖Δ
ίʔϧόοΫ
async / await
੩తΠϯϙʔτͱͷҧ͍ Ϗϧυ࣌ʹධՁ͞ΕΔ੩తΠϯϙʔτͱൺֱ • ಈతΠϯϙʔτɺΠϯϙʔτͨ͠εΫϦϓτ͔ΒՄೳ • εΫϦϓτͷͲͷείʔϓ͔ΒͰɺಈతΠϯϙʔτՄೳ • ಈతΠϯϙʔτɺ੩తจࣈྻ͚ͩͰͳ͘ ςϯϓϨʔτจࣈྻड͚͚Δ
String.protype.matchAll
ΠςϨʔλʔΛฦ͢ ਖ਼نදݱʹରͯ͠Ϛον͢Δશจࣈྻ
จࣈྻΛݕग़
݁ՌΛྻڍ
݁ՌΛྻԽ
͍͞͝ʹ • ChromeͰશ෦͑·ͨ͠ • BabelϓϥάΠϯ༻ҙ͞Ε͍ͯ·͢ • TC39 ͷٞࣄGithubͰݟΒΕΔͷͰɺ ະདྷͷJSͷ༷͕֞ؒݟΕ·͢
Fin.