今日はJavascriptの変数宣言を紹介します。ほかの開発言語は使ったことがあれば、Javascriptの基本知識を参考すれば、Javascriptの開発に役に立つ。
Javascriptの変数宣言
変数定義は以下のvarキーワードで定義できます。
<script type=”text/javascript”>
var number = 100;
console.log(number);
</script>
var number = 100;
console.log(number);
</script>
es6以降では新しいletキーワードが追加され、varキーワードの違いを説明します。
varキーワードの場合、200が出力される。
<script type=”text/javascript”>
if (true) {
var number = 200;
}
console.log(number);
</script>
letキーワードの場合、エラー「number is not defined」が出力される。
<script type=”text/javascript”>
if (true) {
let number = 200;
}
console.log(number);
</script>
<script type=”text/javascript”>
if (true) {
var number = 200;
}
console.log(number);
</script>
letキーワードの場合、エラー「number is not defined」が出力される。
<script type=”text/javascript”>
if (true) {
let number = 200;
}
console.log(number);
</script>
varとletキーワードの違い：
①スコープの違い：varで宣言した変数は関数スコープですが、letで宣言した変数はブロックスコープ「{}の間に有効」となる。
②宣言位置の違い：var変数は自動的に実行の最初に宣言するが、let変数はvar変数と異なり、その宣言よりも前に参照することはできない。
