// ブロックで囲まれていないトップレベルに記載された変数
var global_scope = 'global';

// トップレベルからのアクセス
console.log(global_scope); // global

// 関数内からの参照
function testFunc1() {
  console.log(global_scope);
}

testFunc1(); // global

function testFunc2(args) {
  var local_scope = 'local';

  console.log(local_scope); // local
  console.log(args); // hello! myFunc!
}

testFunc2('hello! myFunc!'); // local

console.log(local_scope); // local_scope is not defined
console.log(args); // args is not defined

function testFunc3() {
  for(let i = 0; i < 5 ; i++) {
    console.log('let: ' + i); // 0, 1, 2, 3, 4
  }

  // 関数はブロックスコープの外側からでも実行出来る
  outerFunc(); // hello!!

  // ブロックスコープ内で宣言された let, const は参照出来ない
  console.log(i); // i is not defined
}

testFunc3()

function outerFunc() {
  console.log('hello!!');

function testFunc4() {
  // varで宣言
  for (var i = 0; i < 5; i++) {
    console.log('var: ' + i); // 0, 1, 2, 3, 4
  }

  console.log('block outer: ' + i); // 5
}

testFunc4();

{
  const test1 = 'test1';

  let test2 = 'test2';

  var test3 = 'test3';
}

console.log(test1); // test1 is not defined

console.log(test2); // test2 is not defined

console.log(test3); // test3

{
  // outer
  const outer = 'outer';
  {
    // inner
    console.log(outer); // outer
  }
}

// 内側のスコープと外側のスコープで同じ変数を宣言した場合
{
  // outer
  const outer = 'outer';
  {
    // 外側のスコープと同じ変数名を宣言
    const outer = 'inner';

    console.log(outer); // inner
  }
}

// 参照するスコープがどこにも無い場合
{
  // outer
  {
    // inner
    // グローバルスコープにも参照する変数が無いためエラーになる
    console.log(outer); // outer is not defined
  }
}

// 参照する変数が最終的にグローバルスコープにあった場合
const outer = 'outer';
{
  // outer

  {
    // inner
    console.log(outer); // outer
  }
}