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
93
ES2020 で来る7つの新機能
53
May 08, 2020
Tweet
Share
More Decks by 53
See All by 53
CSSで非表示にする方法
gotadano
0
64
Vue.js_x_Animation.pdf
gotadano
1
140
Vue.jsとNuxt.jsの学び方
gotadano
0
230
初めてnpmパッケージを公開した話.pdf
gotadano
0
30
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
gotadano
1
350
Other Decks in Technology
See All in Technology
AWS Lambdaで実現するスケーラブルで低コストなWebサービス構築/YAPC::Hakodate2024
fujiwara3
5
890
Rubyはなぜ「たのしい」のか? / Why is Ruby a programmers' best friend? #tqrk15
expajp
4
1.7k
Tracking down sources of kernel errors with retsnoop
ennael
PRO
0
140
ガバメントクラウド開発と変化と成長する組織 / Organizational change and growth in developing a government cloud
kazeburo
2
420
エムスリー全チーム紹介資料 / Introduction of M3 All Teams
m3_engineering
1
210
【shownet.conf_】放送局とShowNetが共創する、未来の放送システム ~Media over IP 特別企画の裏側~
shownet
PRO
0
260
小さな勉強会の始め方、広げ方、あるいは友達の作り方 / How to Start, Grow, and Build Connections with Small Study Groups
ar_tama
2
870
スモールスタート、不都合な真実 〜 耳当たりの良い言葉に現場が振り回されないために/20240930-ssmjp-small-start
opelab
12
1.7k
VS CodeでF1〜12キーつかってますか? / Do you use the F1-12 keys in VS Code?
74th
2
270
映像・音声伝送システム
jtes
0
200
MLOpsの「あるある」課題の解決と、そのためのライブラリgokart
mski_iksm
1
150
Strict Concurrencyにしたらdeinitでクラッシュする話
0si43
0
120
Featured
See All Featured
Fireside Chat
paigeccino
32
2.9k
Into the Great Unknown - MozCon
thekraken
30
1.4k
Happy Clients
brianwarren
97
6.6k
Six Lessons from altMBA
skipperchong
26
3.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
403
65k
The Power of CSS Pseudo Elements
geoffreycrofte
71
5.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.7k
What's in a price? How to price your products and services
michaelherold
243
11k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
BBQ
matthewcrist
84
9.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
Web Components: a chance to create the future
zenorocha
310
42k
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.