Vueを始める前に理解しておきたいJavaScriptの基礎JavaScript初心者チートシート高機能なフレームワークが隆盛を誇る昨今、基礎固めが大事だと思うのです。いつ書いたのか2020年1月頃です。対象読者JavaScriptを触ったことがあるが、言語仕様は曖昧にしている。JavaScriptになんとなく苦手意識がある。本稿でやること、やらないこと言語仕様の特徴的なところ(私見)をまとめます。ベストプラクティスが変化してきたところをまとめます。言語仕様を網羅はしません。JavaScriptの今に追いつくまでの流れ歴史を知る。https://ja.wikipedia.org/wiki/ECMAScriptEdition1から始まり、2019年6月時点で10が公開されている。Edition5までが旧時代、6以降が新時代みたいな雰囲気がある。EditionのことをECMAScript○とかES○のように呼称する。Edition5はECMAScript5。ECMAScript6(Edition6、ES6も同義)以降は年号で呼称されもする。ES6はES2015。言語仕様の特徴を知る。(後述)最新版の仕様を追いかける。(これを無限ループ)標準規格が毎年公開される。その後、ブラウザの仕様に反映されてゆく。(タイムラグがある)2019年版ブラウザの対応状況を追いかける。(これも無限ループ)言語仕様は進化し続けています。ネット上には有用な情報が溢れていますが、時系列に整理されているわけではなく、陳腐化したものも溢れています。私(たち)は混乱しますし、時に間違いも冒します。そこで、まずは歴史を振り返ります。本稿では参考資料をいくつか紹介していますが、それらが書かれた時期に注意する必要があります。現在にも当てはまる話と、そうでないものを識別しながら読み進める必要があります。onclick="コード">関数を呼び出すとHTMLがすっきりします。onclick="func();">ただ、そもそもHTML中にJavaScriptのコードを混在させることをよしとしない考え方もあります。<script>を埋め込む位置<body>の中スクリプトの読み込みや実行が完了するまで描画が行われないので</body>の直前に埋め込むのが吉。注意事項:ここで使う関数は、ここより以前の<script>で定義されていなければなりません。表示速度を上げるために</body>の直前で埋め込むのがベストプラクティスとされていますが、個別事情により<head>で埋め込む場合もあります。Overflowステートメントhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements基本、セミコロンで区切られた塊を一命令と解釈する。一行が一命令ではなく、空白、改行、タブを含めてもよい。大文字小文字を区別する。コメントは//または/**/変数名1文字目は英字、アンダースコア、$。