変数（Variable）

変数について

　変数とは、プログラミングをする上で基礎となる知識です。
　変数とは、変数名とデータ（値）のセットを指します。変数名を宣言し、その変数名とデータを関連付けることが必要になります。

let number(変数名) = 100(データ);

　上記の例のように、変数にデータを格納します。データを代入されている意味では変数名だけでも変数と呼んだりします。

　以下のように値を指定しない場合は undefiled に自動で設定されます。

let val_example;	// undefined に設定される

　変数は定数の他にオブジェクトや関数を扱うことができます。

let example_date = new Date();	// Date オブジェクトに設定される

　オブジェクトについて詳しくはオブジェクト、クラス定義についてはクラスページを参照してください

　関数として宣言するには function(){...} または ()=>{...} を使用します。

let example_func = function(){
	...
}

　関数について詳しくはfunctionステートメント（サブルーチン、プロシージャ）ページを参照してください

　変数名の前にある var、let、const は変数のスコープを明確に宣言するものです。

var、let、const

　JavaScript では、var、let、const を使い変数を宣言することができます。これらは変数のスコープを明確にする働きがあります。

　let は同名の宣言があるとエラーなり、デバグがし易くなります。変数宣言には let を使うようにした方が賢明でしょう。var ステートメントは同名の変数が使われてもエラーが発生しませんでしたので規模が大きくなるとデバグし難くなります。
　グローバル変数などで初期値を変えたくない場合は const を利用するとよいでしょう。const は同じ変数名（識別子）で再宣言できません。

　より詳しく解説すると以下のようになります。

　var は JavaScript 特有の修飾子で、変数を宣言するものですが変数のタイプや値を自由に変えることができます。
　let は変数の型を変えることができません。途中で型が変わっていないを知ることができ、デバグがし易くなります。
　const は初期値の変更ができません。グローバル変数に利用できます。

　var、let、const は、変数の性質を設定するためのもので機能は以下です。

　初期値は変数宣言と同時に値を設定します。

var _variable = 0;　（let...◯、const...◯）

　再代入は初期値の変更です。

_variable = 100; （let...◯、const...×）

　再宣言は同名変数で再宣言できるかです。以下は変数の型を暗黙に変更しようとしています。

var _variable = 'foo'; （let...×、const...×）

　var、let、const は修飾子にもみえますが、スコープに関するものでデータ型を宣言するものではありません。

console.log( test );

var test = "example";

console.log( test );

> undefined
> example

変数の宣言

　変数を宣言するには、以下のように記述します。

let 変数名;

　ただし、予約語と呼ばれるワードは、変数名として使えません。

　JavaScriptでは、基本的にすべてのデータはオブジェクトとして扱われます。そのため、変数として宣言するとそのインスタンスが生成されます。

let string = 'abcd';
let number = 100;

　以下は同じことを意味しています。

let string = new Object( 'abcd' );	// String 型
let number = new Object( 100 );		// Number 型

　JavaScript では、配列や連想配列（オブジェクト）を変数として宣言することができます。

let 配列名=[];

let 連想配列名={};

　配列や連想配列（オブジェクト）は、変数として宣言してから使用した方がよいでしょう。

識別子　変数名の規則

　変数名を正確には識別子といいます。
　識別子は変数名やオブジェクト名、関数名のことを示します。変数名で扱える文字や形式といった規則は識別子の規則として紹介されています。

　識別子には以下の規則があります。

• 予約語は使用できない
• 一文字目は半角の [ a-zA-Z ] のように Unicode の ID_Start 属性を満たす文字、$, _を使用することができる。数値は使えない
• ２文字目以降は半角の [ a-zA-Z ] 、数値[ 0-9 ]、$, _を使用することができる。

　ここでは識別子のことを変数名として解説していますが、正確には識別子（ identifier ）と呼ばれます。もしも変数名について調べる際には識別子についても調べてみてください。

リテラル

　コンピューター用語にリテラル（ literal ）があります。
　プログララミングの概念では、プログラムの実行時にメモリを消費する存在をリテラルといいます。しかし、ここではリテラルとは定数値を表していると表現します。

let number(変数名) = 100(定数リテラル);

　この例では　100 という定数値がリテラルと言えます。整数リテラルなどとも呼ばれます。
　数値の他に文字列、オブジェクト、関数も定数として認識されるものであればリテラルに含まれます。

let str_example(変数名) = '定数であれば文字列もリテラル'(文字列リテラル);

　変数は、変数名にリテラル値が代入されるという言い方もできます。

　オブジェクト指向のプログラミング言語では、リテラルはすべてオブジェクトとして扱うことが多く、JavaScript ではリテラル値はすべてオブジェクトとして扱います。
　オブジェクト指向のプログラミング言語では、以前から存在する論理値（Boolean）、数値（Number）、文字列（String）といった変数とオブジェクトや関数を示す変数を分けて考えます。
　論理値（Boolean）、数値（Number）、文字列（String）であるリテラル値をプリミティブ型、オブジェクトや関数をオブジェクト型などといいます。

let val_example;
val_example = null;	// 未設定値になる

変数の型

　JavaScript では、オブジェクト指向以前からある論理値（Boolean）、数値（Number）、文字列（String）、一意な値（Symbol）であるリテラル値をプリミティブ型、オブジェクトや関数をオブジェクト型などといいます。

　プリミティブ型はひとつの値のみで、オブジェクトのように複数の値や関数をもたないという特徴があります。

　JavaScript のリテラル値の型を示します。

　JavaScript ではこれらのリテラル値を変数名に割り当てることで変数を宣言します。
　オブジェクト指向以前のプログラミング言語では変数を宣言する際にデータの型もあわせて設定しなければなりませんでした。

int count;			// int 型の宣言
char text_[7] = 'abcdef';	// 文字列型の宣言

　JavaScript ではリテラル値によって自動で何のデータを扱う変数かを判別し変数の型を自動で設定します。

let string_ = 'abcd';	// String 型
let number_ = 100;	// Number 型
let array_ = [];	// 配列型
let object_ = {};	// オブジェクト型

　割り当てる変数が Boolean か、Number かオブジェクトかといった判別は自動で行われるのです。そのために型宣言がありません。

　C言語といったオブジェクト指向以前のプログラミング言語をご存知の方はプリミティブとオブジェクトの違いが理解できると思います。
　Python や JavaScript といったオブジェクト指向プログラミングから憶えた方はそのような違いがあるといった感じでしょうか。

　プリミティブか否かでエラーが出ることがあるので覚えておいた方がよいでしょう。

型の判定

　型の判定には typeof と instanceof があります。

　typeof の方が返り値が以下のように詳細に分れています。

// typeofの型出力
typeof 1            = number
typeof 'Hello'      = string
typeof true         = boolean
typeof null         = object
typeof NaN          = number
typeof undefined    = undefined
typeof オブジェクト = object
typeof 配列         = object
typeof 関数         = function

　また typeof の方が null などの判別が速いです。

　instanceof は、Function も Object も Object として判定しますが、if() といった分岐には利用しやすいです。

let exmple_func = function(){};

console.log( exmple_func instanceof Object );	// true を返す