はじめに

Javaの簡単な開発経験はあるもの、今のJavaScriptの現場で悪戦苦闘中。。。
本格的にJavaScriptを学ぶ必要があったので、アウトプットします。
気軽にコメントしていただいたり、間違えていることなどあれば気軽にご指摘ください。
励みになります。

【参考】自分のスペック

現時点(2022年12月現在)でのスペックです。

なぜ歴史を学ぶのか

JavaScript自体が現在も発展途上ですし、歴史的経緯のせいで出きた仕様があったりします。

これらは

古い既存のソースコードの解読を助ける

用語の理解

などに役に立つと考えています。

今回は自分が重要と思ったポイントのみを、備忘録として記載していきます。

ブラウザ(今でいうChromeやSafariなど)がない = 動かなかった

ブラウザはJavaScriptエンジンを搭載している
- JavaScriptエンジンはJavaScriptを動かせる環境
- なので、なんの設定もしていないPCのコマンドプロンプトやターミナルでJavaScriptの記述をしても動かない

言語が柔軟に解釈する = 開発も楽になるやろ、的な発想でつくられた

JavaScriptの担当外の処理→非同期処理の仕様にした

動作はすべてシングルスレッド
- 処理を一つ一つ順番に対処する
重い処理で画面が真っ白になる時間を短くする
- 画面が真っ白の状態で待たされて、イライラしてしまうのを防ぐ
他に任せてる間に自分の仕事を行う = 非同期処理
- 普通は書いた順に上から実行される = 同期処理 (想像通り)
- 【イメージ】電子レンジで温めている(非同期処理)最中に、皿洗いをする
JavaScript担当外の処理：タイマー系/ 画像読み込み/API呼び出し...etc

ブラウザ毎に好き勝手にJavaScriptの仕様を決めていた

JavaScript = コアな機能 + 各ブラウザの機能をまとめたもの

サーバでもJavaScriptエンジンが動くようにすればいいんじゃね？的な天才的な発想で誕生

Node.jsのJavaScript環境 = コアな機能 + CommonJs

当時はJavaScriptで大規模な開発を行う想定ではなかったので、機能毎にファイルを分割する仕組みがなかった
- CommonJsでは上記の機能 = モジュールが追加された
- CommonJsではほかにも様々な機能がある

ECMAScriptがようやくまとまる

ECMAScriptはNode.jsの影響も受けている

該当の記事に記載がありますが、
これを覚えておくとブラウザのテストケースが省略できることがあるので便利です。

ちなみに、NodeJsのJavaScriptエンジンは

を採用しています。