JavaScript 変數(shù)
JavaScript変數(shù)
代數(shù)と同じ
x=5
y=6
z=x+y
代數(shù)では、値(5など)を保持するために文字(xなど)を使用します。
上記の式 z=x+y を使用すると、z の値は 11 になると計算できます。
JavaScriptでは、これらの文字を変數(shù)と呼びます。
変數(shù)は、データを保存するためのコンテナーと考え??ることができます。
JavaScript 変數(shù)
代數(shù)と同様、JavaScript 変數(shù)は値 (x=5 など) や式 (z=x+y など) を保存するために使用できます。
変數(shù)には、短い名前 (x や y など) またはよりわかりやすい名前 (年齢、合計、総體積など) を付けることができます。
変數(shù)は文字で始める必要があります。$ および _ 記號で始めることもできます (ただし、これはお勧めしません)。 JavaScript ステートメントと JavaScript 変數(shù)では大文字と小文字が區(qū)別されます。
JavaScript データ型
JavaScript 変數(shù)は、テキスト値 (name="Bill Gates") などの他のデータ型も保持できます。
JavaScript では、「Bill Gates」のようなテキストを文字列と呼びます。
JavaScript 変數(shù)には多くの型がありますが、ここでは數(shù)値と??文字列だけに焦點を當てます。 テキスト値を変數(shù)に割り當てるときは、値を二重引用符または一重引用符で囲む必要があります。
変數(shù)に割り當てる値が數(shù)値の場合は引用符を使用しないでください。數(shù)値を引用符で囲むと、値はテキストとして扱われます。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var pi=3.14; var name="Bill Gates"; var answer='Yes I am!'; document.write(pi + "<br>"); document.write(name + "<br>"); document.write(answer + "<br>"); </script> </body> </html>
JavaScript変數(shù)を宣言(作成)する
JavaScriptで変數(shù)を作成することは、変數(shù)を「宣言する」とよく呼ばれます。
変數(shù)を宣言するには var キーワードを使用します: var carname; 変數(shù)が宣言された後、変數(shù)は空になります (値がありません)。
変數(shù)に値を割り當てるには、等號を使用します:
carname="Volvo";
ただし、宣言時に変數(shù)に値を割り當てることもできます:
var carname="Volvo";
次の例では、carname という名前の変數(shù)を作成し、値「Volvo」を割り當て、id="demo" を使用して HTML 段落に挿入します。
注意喚起: プログラミングの良い習慣は、コードでは、必要な変數(shù)を一律に宣言します。
1 つのステートメント、複數(shù)の変數(shù)
1 つのステートメントで多くの変數(shù)を宣言できます。ステートメントは var で始まり、カンマを使用して変數(shù)を區(qū)切ります:
var lastname="Doe", age=30, job="carpenter";
ステートメントは複數(shù)行にまたがることもできます:
var lastname="Doe ",
age=30,
job="大工";
Value = unknown
コンピュータプログラムでは、値のない変數(shù)が宣言されることがよくあります。値を指定せずに宣言された変數(shù)の値は、実際には未定義です。
次のステートメントを実行すると、変數(shù) carname の値は未定義になります:
var carname;
JavaScript 変數(shù)の再宣言
JavaScript 変數(shù)を再宣言しても、変數(shù)の値は失われません。
次の 2 つのステートメントが実行された後も、変數(shù) carname の値は "Volvo" のままです:
var carname="Volvo";
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>假設 y=5，計算 x=y+2，并顯示結果。</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var y=5;
var x=y+2;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x;
}
</script>
</body>
</html>
