作者iamnodoubt (Have Fun)
看板Ajax
標題Re: [問題] Hoisting 問題
時間Sun Feb 19 03:32:39 2017
※ 引述《broo (陳爺)》之銘言：
: 標題: [問題] Hoisting 問題
: 時間: Sat Feb 18 23:48:05 2017
: 範例是這樣的
: (function(){
: var test =function(){return 1;}
: function test() {return 2;}
: return test();
: })();
: 經過hoistibg後會長這樣
: (function(){
: var test;
: function test() {return 2;}
: test = function() {return 1;}
: return test();
: })();
: 我怎麼想結果都是2，因為最後是return test()不是嗎？？為什麼會是1呢
: 腦筋無法轉過來..
: 麻煩了 手機排版請見諒
我覺得hoisting應該不是這樣解釋
https://developer.mozilla.org/zh-TW/docs/Glossary/Hoisting
hoisting teaches that variable and function declarations are physically moved
to the top your coding, but this is not what happens at all. What does happen
is the variable and function declarations are put into memory during the
compile phase, but stays exactly where you typed it in your coding.
簡單講就是javascript會分creation跟execution phases
會先執行creation phases
把宣告的變數跟宣告的function存到記憶體
(此時變數還沒被assign,所以value會是undefined)
然後再執行excution phases
就是逐行的去執行程式碼
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.231.184.212
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1487446363.A.C17.html
1F：推 lym520: 這個解釋才是正確的 02/19 08:52
3F：→ broo: g/我是看這篇的，請問他的觀念正確嗎？ 02/19 10:04
4F：推 eight0: 以前還滿多人這樣理解的，但 ES6 後有 const, let 就不能 02/19 10:58
5F：→ eight0: 這樣解釋 02/19 10:58
6F：推 jackblack: const 和 let 不會提升 02/19 18:48
7F：推 violet90079: 感謝大大指正，晚點小弟把他補充進blog 02/19 19:00
8F：→ ssccg: 背後的原理是2 phase執行，Hoist是轉換成等效且可以1 phase 02/19 20:07
9F：→ ssccg: (適合一般人讀程式碼流程)執行的樣子，不是說js engine真的 02/19 20:07
10F：→ ssccg: 會這樣搬 02/19 20:07
11F：→ ssccg: const和let一樣會在creation phase就產生，只是要到assign 02/19 20:54
12F：→ ssccg: 的那行過了之後才給用 02/19 20:55
13F：→ ssccg: 沒有hoist是這個規則下的結果 02/19 20:58
14F：推 liuderchi: 感謝推文解釋 04/09 15:17