山本ワールド
構文
2024年01月16日(火) 09時36分更新
項目のみ表示/展開表示の切り替え

コメント
// 1行のみのコメント
/* 複数行にわたるコメント */
識別子
識別子は変数名または関数名またはラベルまたはプロパティ等に用いる名前です。
識別子にはアンダーバー_や$や半角英数字を使用することができますが、数字で始まる名前や予約語を使用することはできません。
将来のため以下の予約語が予約されています。
厳格モードの場合以下の予約語が将来のため予約されています。
但し、プロパティの場合は使おうと思えば予約語を使用できます。例えばwhile予約語がプロパティとして以下の様に使用できます。
プロパティにwhileを使用しています。実行ボタンをクリックするとwhileプロパティに設定された鶴が表示されます。
識別子にはアンダーバー_や$や半角英数字を使用することができますが、数字で始まる名前や予約語を使用することはできません。
break | case | catch | continue |
debugger | default | delete | do |
else | finally | for | function |
if | in | instanceof | new |
return | switch | this | throw |
try | typeof | var | void |
while | with |
class | enum | export | extends |
import | super |
implements | interface | let | package |
private | protected | public | static |
yield |
プロパティに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 | 改ページ |
¥' | シングルクオーテーション |
¥" | ダブルクオーテーション |
¥¥ | ¥文字 |
¥0 | NULL文字 |
¥xXX | 2桁のXX(16進数)が表すLatin-1文字 |
¥uXXXX | 4桁のXXXX(16進数)が表すUnicode文字 |
グロバール変数
以下のグローバルな値を持っています。
Infinity
無限大NaN
非数undefined
未定義null
オブジェクトが存在しないvar
変数の宣言を行います。C言語と違い{}で独立したローカル変数とはならず関数内でのみ独立しています。
関数内で同じ変数名を複数宣言する上書きされます。{]内で独立した変数としたい場合はletを使います。
関数内で同じ変数名を複数宣言する上書きされます。{]内で独立した変数としたい場合は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>
Copyright (C) 2012 山本ワールド All Rights Reserved.