【備忘録】Udemy講座まとめ JavaScript vol.3 スコープ

関数の外からアクセスできない

JavaScript

function add(num1, num2) {
  const value = num1 + num2;
  return value;
}
console.log(value);

const returnedValue = add(2, 3);

コンソールにはエラーが出る
【value is not defined】
定数valueは、関数の外からはアクセスできない

定数・変数は関数の中から呼び出せる

JavaScript

const newValue = 'Hello';
function add(num1, num2) {
  console.log(newValue);
  const value = num1 + num2;
  return value;
}

const returnedValue = add(2, 3);

逆に関数の中で、外で宣言したnewValueを呼び出せる

スコープ

JavaScript

const newValue = 'Hello';
function add(num1, num2) {
  console.log(newValue);
  const value = num1 + num2;
  return value;
}

const returnedValue = add(2, 3);

スコープは、関数を呼びさせる範囲のこと

newValueは、どこからでも呼び出せる（グローバルスコープ）
newValueは、addといy関数の中でだけ呼び出せる（ローカルスコープ）

スコープ：シャドーイング

JavaScript

const value = 'Hello';
function add(num1, num2) {
  console.log(newValue);
  const value = num1 + num2;
  return value;
}

const returnedValue = add(2, 3);

同じ変数名が、関数の外と中の両方に宣言されていた場合
関数の中の変数が呼び出される。
コンソールには、5と表示される