前のページ(Hello, statement!)へ / 次のページ(Hello, function!)へ
本段では変数を作ってみましょう。 変数はデータを保持する単位です。 一度変数に収めたデータは上書きしない限り何度でも利用できます。
まずは変数宣言です。 (Hello, variable! Sample 1)
<html>
<head>
<script type="text/javascript">
var x = "Hello!";
x = "Hello, variable!";
alert(x);
</script>
</head>
</html>
解説を始めます。
var x = "Hello!";
のように var 名前 = 定義 ; として変数を宣言します。 一度宣言すれば同じ値を何度でも使用できます。また、
x = "Hello, variable!";
のように新しい値を代入することも出来ます。 新しい値を代入すると古い値は消滅してしまいます。
次はプロパティです。 (Hello, variable! Sample 2)
<html>
<head>
<script type="text/javascript">
document.message = "Hello, property!";
alert(document.message);
</script>
</head>
</html>
解説を始めます。
document.message = "Hello, property!";
はdocumentオブジェクトのプロパティ message を "Hello, property!" で初期化しています。 この document.message は変数と同様に参照できます。
In Deep
上述の変数とプロパティが似ていることに気付かれたでしょうか。 この関係は関数とメソッドのものと同じです。 変数は普通のオブジェクトに所属しておらず プロパティはオブジェクトに所属している、という一点のみなのです。 (正確に言えば変数も環境オブジェクトに所属しています)