JavaScript変数
代数と同じ
x=5
y=6
z=x+y
代数では、値(5など)を保持するために文字(xなど)を使用します。
上記の式 z=x+y を使用すると、z の値は 11 になると計算できます。
JavaScriptでは、これらの文字を変数と呼びます。
変数は、データを保存するためのコンテナーと考えることができます。
JavaScript 変数
代数と同様、JavaScript 変数は値 (x=5 など) や式 (z=x+y など) を保存するために使用できます。
変数には、短い名前 (x や y など) またはよりわかりやすい名前 (年齢、合計、総体積など) を付けることができます。
変数は文字で始める必要があります。$ および _ 記号で始めることもできます (ただし、これはお勧めしません)。 JavaScript ステートメントと JavaScript 変数では大文字と小文字が区別されます。
JavaScript データ型
JavaScript 変数は、テキスト値 (name="Bill Gates") などの他のデータ型も保持できます。
JavaScript では、「Bill Gates」のようなテキストを文字列と呼びます。
JavaScript 変数には多くの型がありますが、ここでは数値と文字列だけに焦点を当てます。 テキスト値を変数に割り当てるときは、値を二重引用符または一重引用符で囲む必要があります。
変数に割り当てる値が数値の場合は引用符を使用しないでください。数値を引用符で囲むと、値はテキストとして扱われます。
<!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変数を宣言(作成)する
JavaScriptで変数を作成することは、変数を「宣言する」とよく呼ばれます。
変数を宣言するには var キーワードを使用します: var carname; 変数が宣言された後、変数は空になります (値がありません)。
変数に値を割り当てるには、等号を使用します:
carname="Volvo";
ただし、宣言時に変数に値を割り当てることもできます:
var carname="Volvo";
次の例では、carname という名前の変数を作成し、値「Volvo」を割り当て、id="demo" を使用して HTML 段落に挿入します。
注意喚起: プログラミングの良い習慣は、コードでは、必要な変数を一律に宣言します。
1 つのステートメント、複数の変数
1 つのステートメントで多くの変数を宣言できます。ステートメントは var で始まり、カンマを使用して変数を区切ります:
var lastname="Doe", age=30, job="carpenter";
ステートメントは複数行にまたがることもできます:
var lastname="Doe ",
age=30,
job="大工";
Value = unknown
コンピュータプログラムでは、値のない変数が宣言されることがよくあります。値を指定せずに宣言された変数の値は、実際には未定義です。
次のステートメントを実行すると、変数 carname の値は未定義になります:
var carname;
JavaScript 変数の再宣言
JavaScript 変数を再宣言しても、変数の値は失われません。
次の 2 つのステートメントが実行された後も、変数 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>