構文

2024年01月16日(火) 09時36分更新 icon 項目のみ表示/展開表示の切り替え

コメント

// 1行のみのコメント
/* 複数行にわたるコメント */

識別子

 識別子は変数名または関数名またはラベルまたはプロパティ等に用いる名前です。
 識別子にはアンダーバー_や$や半角英数字を使用することができますが、数字で始まる名前や予約語を使用することはできません。
breakcasecatchcontinue
debuggerdefaultdeletedo
elsefinallyforfunction
ifininstanceofnew
returnswitchthisthrow
trytypeofvarvoid
whilewith
将来のため以下の予約語が予約されています。
class enum export extends
import super
厳格モードの場合以下の予約語が将来のため予約されています。
implements interface let package
private protected public static
yield
 但し、プロパティの場合は使おうと思えば予約語を使用できます。例えばwhile予約語がプロパティとして以下の様に使用できます。
 プロパティにwhileを使用しています。実行ボタンをクリックするとwhileプロパティに設定された鶴が表示されます。
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<span id="id1"></span>
<script type="text/javascript">


function test1(){
var o=document.getElementById('id1');
var TEST={ while: "鶴" }
o.innerText=TEST.while;
}
</script>
<form name="test1Form">
<input type="button" value="実行" onclick="test1()" />
</form>
</body>
</html>

文字列

文字列は"又は'でくくります。

エスケープシーケンス

改行などの制御コードはエスケープシーケンスで入力します。
記述説明
¥bバックスペース
¥t水平タブ
¥v垂直タブ
¥n改行
¥r復帰
¥f改ページ
¥'シングルクオーテーション
¥"ダブルクオーテーション
¥¥¥文字
¥0NULL文字
¥xXX2桁のXX(16進数)が表すLatin-1文字
¥uXXXX4桁のXXXX(16進数)が表すUnicode文字

グロバール変数

以下のグローバルな値を持っています。

Infinity

無限大

NaN

非数

undefined

未定義

null

オブジェクトが存在しない

var

 変数の宣言を行います。C言語と違い{}で独立したローカル変数とはならず関数内でのみ独立しています。
 関数内で同じ変数名を複数宣言する上書きされます。{]内で独立した変数としたい場合はletを使います。

let

 変数の宣言を行います。C言語と同様に{}で独立したローカル変数となります。

if

if(条件) 処理1 else 処理2
 条件がtrueの場合、処理1、falseの場合は処理2が実行されます。
 else以降は省略することができます。

switch

switch(exp){
  case 定数1:
    処理;
    break;
  case 定数2:
    処理;
    break;
  default:
    処理;
    break;
}
 expの値に応じて一致する定数の処理を実行します。複数の定数を記述できます。該当する定数がない場合はdefault以降が実行されます。
 実行ボタンをクリックすると変数0~3に応じてsiwtchにより変数の値に応じた値を表示します。
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<span id="id2"></span>
<script type="text/javascript">
function test2(){
var t="";
for(var n=0;n<4;n++){
switch(n){
case 0:
t=t+" 0";
break;
case 1:
t=t+" 1";
break;
default:
t=t+" 2以上";
break;
}
}
var o=document.getElementById('id2');
o.innerText=t;
}
</script>
<form name="test2Form">
<input type="button" value="実行" onclick="test2()" />
</form>
</body>
</html>

with

 実行ボタンをクリックするとdocumentを省略したサンプルによりgoodを2回表示します。
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<span id="id3"></span>
<span id="id4"></span>
<script type="text/javascript">
function test3(){
var o1,o2;
with(document){// documentを省略できる
o1=getElementById('id3');
o2=getElementById('id4');
}
o1.innerText="good";
o2.innerText="good";
}
</script>
<form name="test2Form">
<input type="button" value="実行" onclick="test3()" />
</form>
</body>
</html>