JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 - ICS MEDIA

JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 JavaScriptの仕様であるECMAScriptは年次で仕様が更新されています。ECMAScript 2020（ES2020）は2020年6月にリリースとなりました。現行のすべてのブラウザでES2020の機能は利用できますが、フロントエンドエンジニアにとって使いこなしたい記法ばかりです。 本記事ではES2020に焦点をあて、JavaScriptの新しい記述方法のメリットと使いどころを解説します。 オプショナルチェーン Optional Chaining（オプショナルチェーンやオプショナルチェーニングと呼ばれています）とは、?.構文を用いてnullやundefinedになりうる値へ安全にアクセスできる仕組みです。 利用シーン nullやunde

[roshi]

言語的な心地よさがどんどん整備されてる印象。

[tyhe]

Toブコメ：?.は既にC#にあるけど快適だよ。null条件演算子。kotlinにもあるよ。セーフコール演算子。便利だよ。

[wordi]

ブコメ、既存言語にある記法なので訓練は違うと思う、?. や ?? はC#に、PHPにも ?? はある

[j1nsuke]

importとimport()だと普通に見づらいので、もうちょっとどうにかならなかったのかという気持ちがある

[keim_at_Si]

（この記事とは関係ないけど、この言語仕様を受け入れられる人は、かなり訓練されちゃってると思う...3項演算子として解釈できる位置に置ける"?.”という新演算子を公式が追加しちゃうセンスどうなん...）

[tricknotes]

Optional Chaining ついに入るのかー。Nullish coalescing Operator よさそう

[teppeis]

各環境の対応状況はcompat tableを見ましょう https://kangax.github.io/compat-table/es2016plus/

[gabill]

かゆいところに手が届いてる。

[misshiki]

“現状での最新仕様は ES2019（ECMAScript 2019）ですが、次の仕様はES2020（ECMAScript 2020）となります。例年どおりに行けば、今年2020年の6月頃に正式仕様となるでしょう。”

[RabbitBit]

一昔前のJavascript仕様と比べると、Javascript++くらいの変化が訪れている。

[igrep]

もう?.も??も標準で使えるんだなぁ。知らなかった。

[toshi-toma]

ES2020で追加される各機能についての解説や使い所について分かりやすい。Optional Chaining、Nullish Coalescing、dynamic import、Promise.allSettled、matchAllなど便利な機能が盛りだくさんだ！

[yuki_2021]

わお、割とわかりやすくなってる。Typescriptに寄せてくんだな。

[circled]

JavaScriptというと毎回これが頭をよぎる： var a = [2, 1, 5, 4, 12, 10, 3] a.sort() -> [ 1, 10, 12, 2, 3, 4, 5 ]

[ngsw]

A?.Bのやつ、jqでみた使い方に似てる

[wats2012]

2012年には実装してたcoffee scriptのこと、たまには思い出してあげてください👻

[naka-06_18]

JSはnullの扱いが象徴的な場合が多い気がする。import()は細かい、Promise.allSettled()は確かに便利そうだ。matchAll()は新設されたのか。

[gachapining]

TypeScript が先取りしてるから今更感がある

[otakumesi]

?.はRubyのぼっち演算子っぽさがある

[chikisio]

最近セーフコールが当たり前にある型付け言語ばかり触ってたから、そう言われればそうか(Toブコメ) 訓練とは言って欲しくないけどなぁ。冗長になりがちな条件式がシンプルにまとまるからすっきり。

[envs]

見慣れない演算子の追加は初心者がコードを読む時にかなりの負担になるんだよなあ……ググラビリティが低いのも一因

[Futaro99]

最高。早く。

[slash_01]

フロント開発もいずれやってみようと思い早数年。そうか、もう、ES2020とか出るんだな。(´・ω・｀)

[EngineerYtr]

インタプリタであっても静的型付けに向かってて非常に嬉しい😃

[kaz_hiramatsu]

全てがTypeScriptになる

[fuyu77]

JSどんどん書きやすくなるやん…。

[akiramaz]

便利になるなあ

[ryunosinfx]

Safariちゃん、EdgeがBlinkベースになってしまって、IEの名前を襲名しそうな勢いなのが・・・

[deokisikun]

vanillaで戦えそうな時代がやってくるのかな。フレームワークは別として

[KoshianX]

おお、?はありがたいなあ。globalThis でコード共通化ができるとバックエンドもJSで書く機会が増えるのかなあ……

[kakushika]

Babel対応してるのか、早いなぁ

[snipesnaps]

coffeescriptで便利だった機能がやっと備わってきた感。

[knjname]

どっちも使ってるけど、めっちゃ楽。もう空文字や0がfalseyだから || がおかしくなるとか気にしなくていいし、ガード節みたいなのたくさん書かなくていいし

[naopr]

ええやん

[aceraceae]

Nullish coalescing Operatorはつい最近Firefoxに実装されたっけ。

[Nyoho]

Swiftかっ(そこかよ)