English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎教程

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザ BOM

AJAX 基础教程

JavaScript 参考手册

JavaScript 変数

変数はデータを格納するために使用されます、例えばテキスト文字列、数字など。

標準のJavaScriptの変数には付加的なタイプがなく、どんな値でもどんな変数に格納できます。

必要に応じてデータや値を格納、更新、取得することができます。通常、変数は値のシンボリックな名前です。

あなたはvarキーワードで変数を作成し、割り当て演算子(=)で変数に値を割り当てます。

この例ではx、y、zが変数です:

var x = 20;
var y = 30;
var z = x + y;
テストをしてみて‹/›

JavaScriptの識別子

すべてのJavaScriptの変数はユニークな名前で識別する必要があります。

これらのユニークな名前は識別子と呼ばれます。

これらはJavaScriptの変数名の以下の規則です:

  • 変数名はアルファベット、アンダースコア(_)またはドル記号($)で始まる必要があります

  • 変数名は数字で始まることはできません

  • 変数名はアルファベット数字文字(A-z,0-9)およびアンダースコア

  • 変数名にはスペースを含むことはできません

  • 変数名はJavaScriptのキーワードや予約語にはなりません

注意: JavaScriptの識別子は大文字小文字を区別します。

JavaScript変数の宣言

JavaScriptでは、変数を作成する際に「宣言」と呼ばれます。

あなたはvarキーワードでJavaScriptの変数を宣言します:

var city;

宣言後、変数はundefined(値なし)。

変数に値を割り当てるには、等号(=)を使用します:

city = "New Delhi";

変数の宣言時に値を割り当てることもできます:

var city = "New Delhi";

以下の例では、cityという名前の変数を作成し、それに「New Delhi」という値を割り当てます。

その後、id="para"の段落に値を表示します:

<p id="para"></p>
<script>
var city = "New Delhi";
document.getElementById("para").innerHTML = city; 
</script>
テストをしてみて‹/›

一度に複数の変数を宣言

また、複数の変数を1つの文で宣言して初期値を設定することもできます。各変数はカンマで区切ります。

var x = 10, y = 15, z = 5;
テストをしてみて‹/›

宣言は複数行にわたることができます:

var x = 10,
y = 15,
z = 5;
テストをしてみて‹/›

JavaScript変数の再割り当て

JavaScriptの変数に値を再割り当てできます。

var x = 10;
document.writeln(x);
x = 50;
document.writeln(x);
x = "Helo world";
document.writeln(x);
テストをしてみて‹/›

JavaScript変数の再宣言

JavaScriptの変数を再宣言すると、その値は失われません。

以下の文を実行した後、変数都市まだ値「New Delhi」を持つでしょう:

var city = "New Delhi";
var city;
テストをしてみて‹/›

JavaScriptデータ型

JavaScriptの変数は数字(例えば123)およびテキスト値(例えば「Hello World」)。

JavaScriptは多くのデータ型を処理できますが、今は数字と文字列に限って考えてみましょう。

JavaScriptは整数値と浮点値を区別しません。

文字列はダブルクォートまたはシングルクォートで囲まれます。数字は引号で囲まれません。

引号に数字が含まれている場合、それはテキスト文字列として見なされます。

const PI = 3.14;
var msg = 'Hello World';
var city = 'New Delhi';
テストをしてみて‹/›

このチュートリアルの後半で、データ型に関するもっと詳しい情報を学びます。

letとconstキーワード

ES6二つの新しいキーワードが導入されましたletおよびconst変数の宣言に使用されます。

letブロック、文、またはその使用する表現の範囲上に限定されない変数を宣言することができます。

ブロック範囲の定義は、括弧{}の間に新しい範囲を作成することを意味します。

var y = 20;
// ここではyは 20
{
  let y = "world";  // ここではyは「world」
}
// ここではyは  20
テストをしてみて‹/›

constキーワードで読み取り専用のネームド定数を宣言します。

定数の値は再割り当てできず、再宣言もできません。

定数はブロック範囲の、以下の使用に非常に似ていますletキーワードで定義された変数。

const MY_AGE = 120;
テストをしてみて‹/›

JavaScript 未定義

undefined値は変数に値が割り当てられていない場合または変数が宣言されていない場合を示します。

以下の文を実行した後、変数city値を持つようになりますundefined:

JavaScript変数の範囲

変数の範囲はその中で定義されたプログラムの領域です。JavaScriptの変数には2つの範囲しかありません。

  • グローバル変数 - グローバル変数はグローバルな範囲を持っており、これはJavaScriptコードのどこでも定義できることを意味します。

  • ローカル変数 - ローカル変数はその定義された関数内のみで見えます。

関数内では、ローカル変数が同じ名前のグローバル変数よりも優先されます。同じ名前のローカル変数や関数の引数を宣言すると、グローバル変数を効果的に隠すことができます。

var myVar = "global";  // グローバル変数の宣言
function checkScope() {
   var myVar = "local"; // ローカル変数の宣言
   document.getElementById("para").innerHTML = myVar;
}
テストをしてみて‹/›

このチュートリアルの後半部分で、変数の範囲に関するもっと詳しい情報を学びます。

JavaScriptのリテラル

以下にJavaScriptで使用できるすべてのリテラルリストを示します。

これらはJavaScriptの変数、ファンクション、メソッド、またはオブジェクト名として使用できません。

abstractelseinstanceofswitch
booleanenumintsynchronized
breakexportinterfacethis
byteextendslongthrow
casefalsenativethrows
catchfinalnewtransient
charfinallynulltrue
classfloatpackagetry
constforprivatetypeof
continuefunctionprotectedvar
debuggergotopublicvoid
defaultifreturnvolatile
deleteimplementsshortwhile
doimportstaticwith
doubleinsuper