モダンJavaScriptの使用にあたって覚えておきたいこと

#本記事
本記事は筆者がJavaScriptを学習している中で学んだことを記したものです。
備忘録的な位置付けですので、間違い等あるかもしれませんが、よろしくお願いします。

#モダンJavaScriptとは
仮想DOMを用いるライブラリ/フレームワークを使用している、npm/yarn等のパッケージマネージャーを使用している、ES2015(ES6)以降の記法を使用している。webpack等のモジュールパンドラーを使用していること。Babel等のトランスパイラを使用していること。

#JavaScriptとは
・Webブラウザ上(HTMLやCSSで構成される)で複雑な動きをするためのもの。

#仮想DOMとは
DOMとはdocument object modelの略。HTMLなどを解釈して木構造で表現したもの。JavaScript上でかそうDOMを使用して差分を抽出して変更分のみDOMで操作する。

#npm/yarn等のパッケージマネージャー
かつて、JavaScript開発では一つのJSファイルに全てを記述していた。
それを大きな処理ごとに分割して使う様になった。
しかし、読み込む順番等を意識しないとエラーが出てしまっていた。。。

現在では、npm/yarn等のパッケージマネージャーを使用して開発している。
Node.jsが裏で動いている際に、それぞれの依存関係を整理してくれる。

#ESとは
ECMAScriptの略。JavaScriptの標準規格のこと。毎年一回発表されている。ES5=2009、ES6＝2015 （機能追加が多くされた。）
ex)let,constアローファンクション、Class構文、分割代入...etc

#モジュールバンドラーとトランスパイラ
モジュールバンドラーとは、複数のファイルを一つにまとめるもの。上で述べた通り、JSは分けて開発した方が良いが、本番では分かれる必要がなく、最終的に一つに纏めていい感じにしてくれるの。

トランスパイラは,新しいJavaScriptの記法を古い記法に変換してくれるもの。
ブラウザによっては使用できない機能ががあることがあり、先程の様な処理をしてくれる。どのブラウザ上でも動く様にしてくれる。

#アロー関数の注意点
１.引数が一つの時、引数の()の省略ができる.
※prrettier等の自動整形ツールを使用していると保存する際に()がつく。
2.中が単一式の場合、以下の様な書き方ができる。