global変数とローカル変数の間のような変数の宣言の仕方

Question

##疑問

関数スコープを復習している時の素朴な疑問です。明確化させておきたいので確認のため質問させていただきます。
上記画像の第二層の中で、gobalでは読めないが、第一層では読める変数を宣言する方法はありますか？あるとすればその方法を知りたいです。

##自分の考え

ないと思っていますが正しいでしょうか？
似たような事を実現したければreturnで渡してやるぐらいかなと思っています。

またjavascript関数スコープについて面白雑学があれば教えていただきたいです。

Answer 1

$(document).on('click', '#test', function() {
  console.log(a); // aは見えない
  const a = 1;
  console.log(b); // bは見えない

  function dai1() { // この関数はホイストされているのでこれを定義しているのは6行目ですが、2行目でも呼べます
    const b = 1;
    console.log(a); // aは見える
  }
});

実行はできないので状態説明だけですがこんなような状態になります

ホイストとグローバル汚染を使えばこういう状態にもできます

const hoge = () => {
  dai1();
  console.log(c); // cは見える

  function dai1() {
    c = 1;
  }
};

Comments

[domidomi]

巻き上げの事をホイストという事を初めてしりました。
お陰で知識の確認が出来ました、お時間いただきありがとうございます。

Answer 2

第二層の関数は第一層の中なのでvar等でそのまま見えますよ。
第二層で宣言するのは何かしらreturnするかしないと難しいと思います。

$(document).on('click','#test',function(){
  var val1 ="見えるよ";
  
  setTimeout(dai1,1000);
  
  function dai1(){
    alert(val1);
  }
});

https://jsfiddle.net/sousuke/9wvexvmj/

Comments

[domidomi]

fiddleまでつけていただきありがとうございます。二層で宣言だとやはりそうなのですね。
ありがとうございます。