構文

2024年01月16日(火) 09時36分更新

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

識別子

　識別子は変数名または関数名またはラベルまたはプロパティ等に用いる名前です。
　識別子にはアンダーバー_や$や半角英数字を使用することができますが、数字で始まる名前や予約語を使用することはできません。

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を使用しています。実行ボタンをクリックすると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

　変数の宣言を行います。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>

ページのトップへ戻る

山本ワールド

コンピューター

構文

コメント

識別子

文字列