JavaScriptの変数の命名規則。
- JavaScriptの予約語(「var」「if」「for」「function」など)は、使えない。
- 同一スコープの関数名や変数名と、同じ名前は使えない。
- 変数名は、大文字と小文字を区別する。
varname
とVARNAME
は、別々の変数であると判断される。 - 変数名の一文字目は、半角の英字、アンダースコア
_
、ドル記号$
のいづれかでなければならない。 - 変数名の二文字目以降目は、半角の英数字、アンダースコア
_
、ドル記号$
を使える。
特に注意すべき点は4つ。
- JavaScriptの予約語(「var」「if」「for」「function」など)は、使えない。
- 同一スコープの関数名や変数名と、同じ名前は使えない。
- アンダースコア
_
とドル記号$
以外の記号は使えない。 - 変数名の一文字目に、数字は使えない。
有効例
varName1
varName_2
_varName3
$varName4
varName$5
変数6 // Unicodeの文字も使えるので、日本語も変数名に使えないことはないが、私なら使わない。
varName_2
_varName3
$varName4
varName$5
変数6 // Unicodeの文字も使えるので、日本語も変数名に使えないことはないが、私なら使わない。
無効例
var // JavaScriptの予約語は、使えない。
varName-2 // 「-」は使えない。アンダースコアとドル記号以外の記号は使えない。
3varName // 一文字目に、数字は使えない。半角の英字、アンダースコア、ドル記号のいづれかでなければならない。
varName-2 // 「-」は使えない。アンダースコアとドル記号以外の記号は使えない。
3varName // 一文字目に、数字は使えない。半角の英字、アンダースコア、ドル記号のいづれかでなければならない。
同一スコープの定数名と、同じ名前は使えない
const sample = "サンプル<br />";
var sample = "サンプル<br />";
document . write( sample );
var sample = "サンプル<br />";
document . write( sample );
同一スコープの関数名と、同じ名前は使えない
var sample = "サンプル<br />";
function sample() {
document . write( sample );
}
function sample() {
document . write( sample );
}
有効な変数名のサンプル
有効な変数名のサンプルのソースコード
<script type="text/javascript">
var sample1 = "サンプル1<br />";
document . write( sample1 );
var sample_2 = "サンプル2<br />";
document . write( sample_2 );
var _sample3 = "サンプル3<br />";
document . write( _sample3 );
var $sample4 = "サンプル4<br />";
document . write( $sample4 );
var sample$5 = "サンプル5<br />";
document . write( sample$5 );
var サンプル6 = "サンプル6<br />";
document . write( サンプル6 );
</script>
var sample1 = "サンプル1<br />";
document . write( sample1 );
var sample_2 = "サンプル2<br />";
document . write( sample_2 );
var _sample3 = "サンプル3<br />";
document . write( _sample3 );
var $sample4 = "サンプル4<br />";
document . write( $sample4 );
var sample$5 = "サンプル5<br />";
document . write( sample$5 );
var サンプル6 = "サンプル6<br />";
document . write( サンプル6 );
</script>
大文字と小文字を区別するサンプル
大文字と小文字を区別するサンプルのソースコード
<script type="text/javascript">
var sample = "小文字のサンプル<br />";
document . write( sample );
var SAMPLE = "大文字のサンプル<br />";
document . write( SAMPLE );
</script>
var sample = "小文字のサンプル<br />";
document . write( sample );
var SAMPLE = "大文字のサンプル<br />";
document . write( SAMPLE );
</script>