English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎トレーニング

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX基礎チュートリアル

JavaScriptリファレンスマニュアル

JavaScript 文法

JavaScriptの文法は、JavaScriptプログラムの正しい構造を定義する一連の規則です。

JavaScript 変数

プログラミング言語では、変数はデータ値を格納するために使用されます。

標準のJavaScriptでは、変数には付加的なタイプがなく、どんな値もどんな変数に保存できます。

を使用することができます。let(ブロックレベルの変数の宣言に使用されます),var(関数レベルの変数の宣言に使用されます)またはconst(不可変な定数の宣言に使用されます)宣言します。

等号は変数に割り当てるために使用されます。

この例では、numが変数として定義されます。次に、num割り当て20:

var num;
num = 20;
試してみて‹/›

JavaScript演算子

JavaScriptは算術演算子(+ - * /)の値を計算します。

(20 + 30) * 10
試してみて‹/›

JavaScriptは値を変数に割り当てるために割り当て演算子(=)を使用します。

var x = 20;
var y = 30;
var z = x + y;
試してみて‹/›

演算子に関する詳細な情報は、このチュートリアルの後半で学ぶことができます。

JavaScript識別子

変数、関数、または属性の名前はJavaScriptでは識別子

他のプログラミング言語と同様に、JavaScriptは自分自身で使用するためのいくつかの識別子を保留しています。

JavaScriptは、現在の言語バージョンでは使用されていないが、将来的なJavaScript拡張で使用される可能性のあるいくつかのキーワードを保留しています。

JavaScript識別子は、文字、アンダースコア(_)、またはドル記号($)で始まる必要があります。

次の文字は、文字、数字、アンダースコア、またはドル記号(数字は最初の文字として使用することは許可されていないため、JavaScriptは識別子と数字を簡単に区別できます)で構成できます。

JavaScriptコメント

コメントは一つのテキスト行であり、JavaScript解析器はその行を完全に無視します。

コメントは通常、ソースコードに関連する追加情報を提供するために追加されます。

JavaScriptは単行および複数行コメントをサポートします。

単行コメントはダブルスラッシュ(//)が開始し、コメントテキストが続きます。

// document.write("Hello World");
試してみて‹/›

そして、複数行コメントはスラッシュと星号(/*)が開始し、星号とスラッシュ(*/)が終了します。

/*
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World");
*/
試してみて‹/›

コメントに関する詳細な情報は、このチュートリアルの後半で学ぶことができます。

JavaScriptは大文字と小文字を区別します

すべてのJavaScript識別子は、大文字と小文字を区別します。

変数myVariableとmyvariableは、異なる変数です:

var myVariable = 1;
var myvariable = 2;
試してみて‹/›

JavaScriptとキャメルケース

JavaScript識別子の慣習はcamelCase(キャメルケース)を使用して書かれることが多いです。これは、最初の単語は小文字で、次の各単語は大文字で始まることを意味します。

getElementById();
firstElementChild;
textContent;
innerHTML;
試してみて‹/›

また、完全に大文字で書かれたグローバル変数や定数が見られるかもしれません。

JavaScriptインデント

技術的には、完全なJavaScriptプログラムは一行で書けることができます。

しかし、これはすぐに読みにくく、保守が難しくなります。代わりに、通常は改行符とインデントを使用して、保守と読みやすさを向上させます。

これは条件ifです / else文の例、一行で書かれるか、改行符とインデントを使用できます。

 // 一行に書かれた条件文
 if (x === 1) { /* trueの場合、コードを実行します */ }  else  { /* falseの場合、コードを実行します */ }
 
 // インデント付きの条件文
 if (x === 1) {
  // trueの場合、コードを実行します
 }  else  {
  // falseの場合、コードを実行します
 }

注意、ブロック内に含まれるコードはインデントされています。インデントは2つのスペース、4つのスペースまたはタブで完了できます。