看板 Ajax
作者 iamnodoubt (Have Fun)
標題 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 - 術語表 | MDN
Hoisting is a term you will not find in the JavaScript docs. Hoisting was thought up as a general way of thinking about how execution context (specifi ...

 
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
※ 文章代碼(AID): #1OgA5RmN (Ajax)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1487446363.A.C17.html
※ 同主題文章:
Re: [問題] Hoisting 問題
02-19 03:32 iamnodoubt.
02-19 23:24 eight0.
lym520: 這個解釋才是正確的1F 02/19 08:52
broo: https://coffee0127.github.io/blog/2016/11/28/js-hoisting/我是看這篇的,請問他的觀念正確嗎?2F 02/19 10:04
eight0: 以前還滿多人這樣理解的,但 ES6 後有 const, let 就不能這樣解釋4F 02/19 10:58
jackblack: const 和 let 不會提升6F 02/19 18:48
violet90079: 感謝大大指正,晚點小弟把他補充進blog7F 02/19 19:00
ssccg: 背後的原理是2 phase執行,Hoist是轉換成等效且可以1 phase(適合一般人讀程式碼流程)執行的樣子,不是說js engine真的會這樣搬
const和let一樣會在creation phase就產生,只是要到assign的那行過了之後才給用
沒有hoist是這個規則下的結果8F 02/19 20:07

--