コミュニティ学ぶツールライブラリレジャー

日本語

ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

JavaScriptの基本構文解説_JavaScript

WBOY

リリース： 2016-05-16 15:57:04

オリジナル

1050 人が閲覧しました

JavaScript は、Web ページの <script>... </script>、HTML タグに配置される JavaScript ステートメントで構成されます。

script タグには 2 つの重要な属性があります:

言語: この属性で指定されたスクリプト言語。通常、その値は JavaScript です。ただし、HTML (およびその後継である XHTML) の最近のバージョンでは、この属性は使用されなくなりました。
タイプ: この属性は、使用されるスクリプト言語を示すために推奨されるようになり、その値は「text/javascript」に設定する必要があります。

JavaScript スニペットは次のようになります:

<script language="javascript" type="text/javascript">
 JavaScript code
</script>

ログイン後にコピー

最初の JavaScript スクリプト:

「Hello World」を出力する例を書いてみましょう。

<html>
<body>
<script language="javascript" type="text/javascript">
<!--
  document.write("Hello World!")
//-->
</script>
</body>
</html>

ログイン後にコピー

JavaScript コードのオプションの HTML コメント。以下は JavaScript をサポートしていないブラウザ用のコードです。「//->」コメントで終了します。「//」は Javascript のコメントを表すため、ブラウザが HTML コメントの末尾を JavaScript コードとして読み取らないようにするために追加しました。

次に、HTML ドキュメントに文字列を書き込む関数 document.write を呼び出します。この関数は、テキスト、HTML、またはその両方を記述するために使用できます。したがって、上記のコードは次の結果を表示します:

Hello World!

ログイン後にコピー

スペースと改行:

JavaScript は、JavaScript プログラムに含まれるスペース、タブ、改行を無視します。

この方法では、コードを読みやすく理解しやすくする、整然とした一貫した方法でプログラムを自由に書式設定したりインデントしたりできるため、プログラム内でスペース、タブ、改行を自由に使用できます。
セミコロンはオプションです:

C、C#、Java と同様に、JavaScript では通常、単純なステートメントの

の後にセミコロンが続きます。ただし、各ステートメントが別の行に配置されている場合、JavaScript はこのセミコロンを無視できます。たとえば、次のコードはセミコロン

を使用せずに記述できます。

<script language="javascript" type="text/javascript">
<!--
 var1 = 10
 var2 = 20
//-->
</script>

ログイン後にコピー

ただし、次のように行に書式設定する場合は、セミコロンが必要です:

<script language="javascript" type="text/javascript">
<!--
 var1 = 10; var2 = 20;
//-->
</script>

ログイン後にコピー

注: セミコロンを使用することは、プログラミングの良い習慣です。
大文字と小文字が区別されます:

JavaScript は大文字と小文字を区別する言語です。これは、言語キーワード、変数、関数名、およびその他の識別子は、常に一貫した 1 文字の大文字で記述する必要があることを意味します。

したがって、識別子 Time、TIME、TIME は JavaScript では異なる意味を持ちます。

注: JavaScript では変数名と関数名に注意してください。
JavaScript でのコメント:

JavaScript は C スタイルと C スタイルのコメントをサポートしています。

// と行末の間のすべてのテキストはコメントとして扱われ、JavaScript によって無視されます。
/* と */ 文字の間のテキストはコメントとみなされます。これは複数行にまたがる場合があります。
JavaScript は、HTML コメントというシーケンスは認識されないため、JavaScript は //--> として記述する必要があります。

例:

<script language="javascript" type="text/javascript">
<!--

// This is a comment. It is similar to comments in C++

/*
 * This is a multiline comment in JavaScript
 * It is very similar to comments in C Programming
 */
//-->
</script>

ログイン後にコピー