【JavaScript入門】変数のスコープ

2021年2月28日2023年1月22日

変数のスコープ

var scope = 'global';

function getVal(){
    var scope = 'local';
    return scope;
}

console.log(getVal());//local
console.log(scope);//global

var宣言されない変数はすべてグローバル変数と見做されます。
以下のようにgetVal内のscopeをvar宣言無しで記述すると、グローバル変数のscopeを指すことに成るので、値が上書きされます。

var scope = 'global';

function getVal(){
    scope = 'local';
    return scope;
}

console.log(getVal());//local
console.log(scope);//local

var宣言の場合、f分のスコープ内で宣言した変数が、外でも使えてしまいます。
これを回避するには後述のletまたはconstで宣言する必要があります。

if(true){
    var i = 100;
}
console.log(i);//100

let変数はブロックスコープに対応した宣言です。
以下のコードはブロック外のため、エラーになります。 constもブロックスコープに対応しています。

if(true){
    let i = 100;
}
console.log(i);//ここで実行時エラー

なお、var宣言であっても関数の外では使えません。

function sample(){
    var x = 10;
    var y = 20;
    console.log(x * y);
}
console.log(x);//ここで実行時エラー。

以上で記事の解説はお終い！

HTML、CSS、JavaScriptをもっと勉強したい方にはUdemyがオススメ！同僚に差をつけよう！