Re: [問題] Hoisting 問題

作者: iamnodoubt (Have Fun)   2017-02-19 03:32:39
※ 引述《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
就是逐行的去執行程式碼
作者: lym520 (lym)   2017-02-19 08:52:00
這個解釋才是正確的
作者: broo (陳爺)   2017-02-19 10:04:00
https://coffee0127.github.io/blog/2016/11/28/js-hoisting/我是看這篇的,請問他的觀念正確嗎?
作者: eight0 (欸XD)   2017-02-19 10:58:00
以前還滿多人這樣理解的,但 ES6 後有 const, let 就不能這樣解釋
作者: jackblack   2017-02-19 18:48:00
const 和 let 不會提升
作者: violet90079 (ˊ__>ˋ)   2017-02-19 19:00:00
感謝大大指正,晚點小弟把他補充進blog
作者: ssccg (23)   2017-02-19 20:07:00
背後的原理是2 phase執行,Hoist是轉換成等效且可以1 phase(適合一般人讀程式碼流程)執行的樣子,不是說js engine真的會這樣搬const和let一樣會在creation phase就產生,只是要到assign的那行過了之後才給用沒有hoist是這個規則下的結果
作者: liuderchi   2017-04-09 15:17:00
感謝推文解釋

Links booklink

Contact Us: admin [ a t ] ucptt.com