JavaScriptを記述する上での基本ルール

ccc

こんにちわ！東京都内でサラリーマンをしているAI・育児ブロガーのCCCです。 AI(人工知能)と子育てに関する記事を執筆しています。 WebシステムをベースとしたAIを活用することで生活をより便利にする方法を紹介し、育児について衣食住における役立つグッズや情報を配信しています。

JavaScriptを記述する上での基本ルールを教えてください。

ccc

JavaScriptはクライアント側で実行されるオブジェクト指向型のスクリプト言語です。主にブラウザ上で実行され、ユーザのアクションに応じて動的にWebページの内容を書き換えたり、フォームに入力された内容をチェックしたりといったことがクライアント側で実現できます。また、Ajaxという仕組みを利用することで、Webサーバーとブラウザとの間で非同期通信を行えるので、ページを切り替えることなくページの内容を書き換えることができます。Web系AIとJavaScriptの親和性はピカイチで、AIをWebブラウザから使うためのライブラリが公開されています。

ccc

今回はJavaScriptの使い方として、JavaScriptを記述する上での基本ルールをサンプルを用いて解説します。

大文字と小文字

JavaScriptは大文字と小文字を区別しており、変数名は正確に記述してください。

次のサンプルで出力結果の違いを確認してください。

let temp=3;
console.log(temp);
//3

console.log(TEMP);
//Uncaught ReferenceError: TEMP is not defined

セミコロン(;)

JavaScriptは文の区切り文字としてセミコロン(;)を使用します。セミコロンは省略することもできますが、文の区切りが不明確になるので付けるようにしましょう。

またセミコロンを記述すると 1 行に複数の文を記述することもできます。

let temp1=10
let temp2=20;
let temp3=30;let temp4=40;

JavaScriptでコメントを記述する方法は2通りあります。

//1行コメント

/*
 複数行に渡る
 コメント
*/

HTMLでコメントを記述するときは次の書式を使います。JavaScriptとHTMLでコメントの書式が異なること確認してください。

<!-- コメント -->