関数スコープの質問 (promise~then)

Question

色々調べたのですが、結局よくわからなかったので質問します
以下のようなコードがあったとします

let myVar = null;

func()
.then(function(){
   // myVar を使った処理 #1
}).then(function() {
   // myVar を使った処理 #2
});

// myVarを使った処理 #3

上記の処理#1, #2, #3では、全てmyVarは有効なのでしょうか？

Answer 1

多分「有効」の意味は

「アクセスできるかどうか」

ではなく

「その位置でどんな時点の値を持つか」
＝＞「自分が期待する時点の値を持つか」
＝＞ないし「どんな時点の値を持つか」がわからない

ということではないかなと想像します。

let myVar = null;

func()
.then(function(){
   // myVar を使った処理 #1
}).then(function() {
   // myVar を使った処理 #2
});

// myVarを使った処理 #3

#3開始時点ではmyVarの値は必ずnullになっています。つまりfunc()や#1, #2(で起動されるであろう非同期処理)がまだ何も終わっていない状態で#3が実行されます。その後、非同期処理が完了するにしたがって#1, #2の順番に実行されます。

Comments

[olee46]

ご想像の通りの意味で「有効」と使っていました、言葉足らずですみません

非同期処理の実行順がわかっていなかったことが原因で、期待した動きをしていませんでした。
ありがとうございました！

Answer 2

ちょっと例示の内容がわかりませんが
myVarがグローバルに宣言されているようなので参照できるのでは？

<!--IE対策-->
<script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"></script>
<script>
var myVar = 1;
new Promise(function(resolve){
  console.log(myVar);
  myVar++;
  setTimeout(function(){return resolve()},1000);
}).then(function(){
  new Promise(function(resolve){
    console.log(myVar);
    myVar++;
    setTimeout(function(){return resolve()},2000);
  }).then(function(){
    console.log(myVar);
    console.log("end");
  });
});
</script>

Comments

[olee46]

グローバルだから参照できるはず、と思っていましたが、そこも不安でしたので、回答していただき助かりました！