●関数
複数の命令を一つにまとめたもの。
イベントハンドラの値に関数を指定して実行
JavaScriptする。
【関数】：
function 関数名(引数){
処理;
}
・関数の呼び出し：
イベントハンドラ名="関数名()"
※関数名の後には必ず()を記述
⇒関数名は基本英数字を使用していれば何でも良いが、あらかじめ決まっており、関数名にできない予約語があるので注意。
※処理の文の最後に「:」（セミコロン）を必ず記述
※関数名は大文字or小文字のアルファベットから恥じめなければならない。
【予約語】
| break |
case |
catch |
continue |
default |
| delete |
do |
else |
false |
finally |
| for |
function |
if |
in |
instanceof |
| new |
null |
return |
switch |
this |
| throw |
true |
try |
typeof |
var |
| void |
while |
with |
|
|
●変数
変数＝箱（数値や文字を入れられる）
変数を扱う場合、変数の宣言をする必要がある。
代入する値は、数値はそのまま、文字は""(ダブルコーテーション) or ''(シングルコーテーション)でくくる。
【変数の宣言】：
var 変数名 = 代入する値;
以下でも可、
var 変数名;
変数名 = 代入する値;
※複数の変数を同時に宣言することも可能(その場合は、変数と変数の間をカンマ「,」で区切る）
var 変数名a,変数名b,変数名c,変数名d;
変数名a = 代入値a;
変数名b = 代入値b;
変数名c = 代入値c;
変数名d = 代入値d;
※変数にもJavaScript命令文、予約語などの使えないものがあるので注意。基本は関数の予約語と同じ。
【変数の表示】：
実行するJavaScript(変数名)
※表示する場合は「実行するJavaScript()」の()の中に変数を記述する。
●関数と変数の組み合わせの使い方
function 関数名(引数){
var 変数名 = 代入する値;
実行するJavaScript(変数名);
}
例：
<script language="javascript">
function kotae(){
var yama = "富士山";
alert(yama);
}
</script>
<body>
日本一高い山は？
<button onclick="kotae()">答えを見る</button>
</body>
以下のように表示される。
日本一高い山は？ [答えを見る]
※答えを見るのボタンを押すとポップアップで「富士山」と表示
※これはfunction kotae()関数のなかに、
var yama = "富士山"; という変数を作成し、
alert(yama); ポップアップで表示しろという命令が入っている。
《変数の注意点、グローバル変数とローカル変数》
・関数の外で宣言した変数 = グローバル変数
・関数の中で宣言した変数 = ローカル変数
という。
※ローカル変数はその関数の中でしか利用できない。
例：
<script language="javascript">
var rock = "グランドキャニオン";
function kotae(){
var yama = "富士山";
alert(yama);
}
</script>
変数rockはグローバル変数、変数yamaはローカル変数
最終更新：2012年01月11日 19:03
