顯示廣告
隱藏 ✕
※ 本文為 terievv 轉寄自 ptt.cc 更新時間: 2017-02-26 06:53:43
看板 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
lym520: 這個解釋才是正確的1F 02/19 08:52
broo: https://coffee0127.github.io/blog/2016/11/28/js-hoisting/2F 02/19 10:04
broo: 我是看這篇的,請問他的觀念正確嗎?
eight0: 以前還滿多人這樣理解的,但 ES6 後有 const, let 就不能4F 02/19 10:58
eight0: 這樣解釋
jackblack: const 和 let 不會提升6F 02/19 18:48
violet90079: 感謝大大指正,晚點小弟把他補充進blog7F 02/19 19:00
ssccg: 背後的原理是2 phase執行,Hoist是轉換成等效且可以1 phase8F 02/19 20:07
ssccg: (適合一般人讀程式碼流程)執行的樣子,不是說js engine真的
ssccg: 會這樣搬
ssccg: const和let一樣會在creation phase就產生,只是要到assign
ssccg: 的那行過了之後才給用
ssccg: 沒有hoist是這個規則下的結果

--
※ 看板: terievv 文章推薦值: 0 目前人氣: 0 累積人氣: 85 
分享網址: 複製 已複製
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇