[問題] js的讀取順序

[oCrazyDucko (晚安)]

https://i.imgur.com/cB5p0Ns.jpg
先附圖

各位大大，這個結果跑出來是
3
無限迴圈的11

我知道為什麼跑出3跟11

但請問function bar跟for不是平行區塊的嗎

為什麼for的迴圈會一直跑去讀i=3呢
-----
Sent from JPTT on my iPhone

--
 作者  seraphmm (有殺冇賠)                                          看板  sex 
 標題  [新聞]生殖器重達60公斤 男子術後因心臟病離世                            
 時間  Fri Mar 28 09:36:27 2014                                               
推 D122:不像我 30MM又大又長壽 我可是會活到22世紀的男人
推 a7417tw:樓上30mm是新標準嗎
推 hippobear:30nm會成仙嗎
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 210.203.23.35
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1535127256.A.AB1.html
推 oToToT: 你有了解javascript的scope嗎
→ oToToT: 用var宣告出來的變數會在foo裡都可見(var的特性)，所以當
→ oToToT: 所以呼叫bar時自然會去找到foo裡的，要符合預期的話應該改
→ oToToT: 成let
→ jhnny97: 不是阿，foo裡面多放一個變數宣告就好了啊，let、var都可
→ oCrazyDucko: https://i.imgur.com/cwrkaty.jpg 宣告變數可以解決
→ oCrazyDucko: 這個問題，但為什麼I=3能夠修改for循環的i呢
→ jhnny97: 你要不要用debug模式一步步跑？看看scope和變數的變化？
→ xdraculax: bar 裡的 i 前面沒有 let 或 var, 預設會優先繼承上層
→ xdraculax: 的，因此 bar 的 i 跟 foo 的 i 也就是 for 的 i 指的
→ xdraculax: 是同一個
→ flowwinds: 因為for中的var i是function scope的
推 youtuuube000: 寫這種code的該打....
推 randall1234: 這樣寫你的i一直都是3你知道嗎，(3+1)*2+3只會噴出
→ randall1234: 一堆11