JavaScript 網頁前端工程入門：Hoisting 宣告提升 By 彭彭

[@lchen0729]

花了幾個小時上完這個系列，收獲頗慧。謝謝！

[@cwpeng-course]

不客氣，很高興對你有幫助哦 :)

[@yesa3999]

彭彭老師您好 看完所有python影片後想補充html等等前端知識，於是又來把25篇教學看完跟著跑過一遍，真心覺得彭彭老師您真的太佛了，全系列的影片不只免費，連教學品質都比Udemy上多數課程來的淺顯易懂，非常感謝老師無私的分享。

[@cwpeng-course]

謝謝呦 :) 看了你的回饋覺得很開心，希望以後也能一直對你有些幫助 ~~~~

[@tifaskykey]

25集看完了，真的很謝謝老師無私的教學和分享， 對於目前27歲正考慮是否轉換跑道的我來說是很寶貴的學習經驗， 看了老師的頻道，後續還有JavaScript進階教學、專題教學、Node.js教學、python教學、Golang教學， 對於剛接觸語言的我來說要學習的東西真的還太多太多了， 謝謝老師的講解，也望自己不要放棄，持續學習，感恩。

[@cwpeng-course]

謝謝你的回饋和心路分享，加油哦，希望你能持續學習，最終達到自己的目標，祝福你 :)

[@oakform5857]

感謝彭彭老師的用心教學，讓我這個程式語言的新手能夠清晰了解JS運作原理還有了解如何實作，真的是我很好的JS啟蒙導師，非常感謝!!

[@cwpeng-course]

謝謝你仔細的分享和回饋，很高興對你有幫助哦 :)

[@jimmychangtiunnkunui7877]

C users: 莫名其妙

[@cwpeng-course]

XDDDD

[@老高-o6u]

5:00 Hoisting 變數宣告提升,值不提升 8:03 函式宣告提升

[@cwpeng-course]

感謝你的紀錄 :)

[@434c李元喬]

老師 為何x是用let宣告就不行

[@cwpeng-course]

let 宣告就不會有 Hoisting 的現象，這只是一個規矩而已。

[@434c李元喬]

@@cwpeng-course 好的 謝謝老師

[@謝鴻銘-c4m]

全部看完了，謝謝彭彭的無私分享 讓我從初學到對網頁前端有基礎的認識 非常期待你之後的node.js教學 萬分感激~

[@cwpeng-course]

居然有人全部看完啦 :) 很不錯呦 ~~~~~

[@garychen2974]

由於老師教得實在是太好了，所以我練完python的影片就跑來學JS了XD，目前入門也練完了，繼續往其他教學邁進!!!

[@cwpeng-course]

哈哈哈，謝謝哪，加油嘍 :)

[@葉陽明-b9b]

.川

[@jermen2]

謝謝彭彭老師,我覺得你的概念都講到很深入淺出!! 很用心的傳授知識!

[@cwpeng-course]

謝謝你的回饋 :)

[@ednaho5536]

感謝彭彭老師超棒的課程，令新手容易學習！十分感謝🙏🏻

[@黃奕穎-m3s]

謝謝你 你講得很清楚 真棒!!

[@cwpeng-course]

謝謝回饋 ~

[@s20040621]

每部影片都教學得很清楚 每次都很期待 謝謝~

[@cwpeng-course]

謝謝，和大家一起努力哪 :)

[@Ts2pc]

感謝您! 25集看完, 老師會教, 搭配查找資料, 竟然大概都懂了!我學習的目的是為了開發一個獨特的元宇宙, 所以還有很多要學的. 還要繼續學習老師的其他課程. 元宇宙的方向我有, 但還在找開發團隊, 不知道彭老師有意來籌組這個團隊嗎?

[@cwpeng-course]

謝謝你這麼認同這邊的教學，不過額外組建團隊來開發新的專案可能有點困難，因為手上的工作已經快做不完了 @@

[@vuarnet0318]

看完這一系列的25影片, 超讚, 繼續往CSS走!!

[@cwpeng-course]

:)

[@PhishChiang]

解釋得非常清楚，謝謝彭彭~ 剛好撇到11.2是要解釋Closure這個非常令我困惑的概念，非常期待老師推出下一次的教學阿!

[@cwpeng-course]

謝謝哪 :) 有空盡快推出 XDDDD

[@zealot_0]

請問老師 關於閉包的說明 後面會再討論嗎?

[@cwpeng-course]

閉包這個主題很有趣，我會盡可能的排進後面的內容中 :)

[@renhao8230]

講得很詳細~感謝 但還是有一些問題 看之前的影片都是使用 var 名稱=function() 的方式來寫 但是如果像影片那樣就無法用 Hoisting來宣告 那是否寫程式使用function 名稱(){ } 來寫的習慣會比 var 名稱=function() 更加好? 還是其中各有利弊?

[@cwpeng-course]

Hoisting 這個特性在程式開發上其實不是好事，JavaScript 未來的版本也會慢慢把這個特性拿掉，硬要說的話，我個人更喜歡假設程式邏輯中沒有 Hoisting 這件事情的存在。 會有這段影片，單純只是很多面試官還是喜歡拿這個點來挑戰面試者 XDDDD

[@chulingwang9457]

老師您好: 若程式改寫如下；為何印出的結果會是 "function test(){alert(2);}"　 alert(test); var test=1; test(); function test(){ alert(2); }

[@cwpeng-course]

你的第一行指令 alert(test); 會把 test 函式本身的內容展示出來哦 ~

[@cms5565]

老师我有一个难题就是怎么样编译鼠标靠近image1时image2显示出来鼠标离开image1时image2消失的效果？

[@cwpeng-course]

可以试着利用 mouseover 和 mouseout 事件，搭配 HTML DOM 的显示隐藏操作来处理。

[@0223314338AA]

想請問一下 這個宣告提升是一個特殊現象而已 或是在實際的工程上真的有所應用

[@cwpeng-course]

一個 JavaScript 的特殊現象。實際工程上，都建議使用合理的順序：先做宣告，再使用變數或函式。

[@0223314338AA]

謝謝

[@NASHS-z4d]

全部影片都看完了 真的學到很多 希望老師能夠出jquery或vue前端會用到的東西 如有要付費也沒關係 因為真的吸收到很多東西 感謝老師

[@cwpeng-course]

好哦，我盡量，主要還是時間的問題 QQ

[@owo3059]

老師您好，那如果是 test; //先呼叫 var test = function() { alert("OK") }//宣告變數，把函式丟進去變成變數的資料 我實測發現也不會跳出函式內的alert，所以只有變數宣告被提升，內存的函式不會跟著提升嗎?

[@cwpeng-course]

你的第一個 test 沒有呼叫哦，呼叫函式要加小括號 test(); 如你所說，只有變數宣告會提升，所以上方的函式呼叫不會成功，甚至會出現錯誤的訊息 ~

[@owo3059]

喔喔 因為我是把test當變數，裡面放函式，所以呼叫函式的變數也得加()嗎? 那我試著打看看console.log(test); 嗯..也沒有跳出alert >_< 出現: console.log(test); var test = function() { alert("OK") } > ƒ () { alert("OK") } >undefined

[@cwpeng-course]

呼叫函式都要加 () 嘍。 你寫的 code 確實都不會跳出 alert 沒錯， 理由也就是你提到的：只有變數宣告被提升，內存的函式不會跟著提升。

[@owo3059]

謝謝你 教的超好的😍

[@zhichongwu7543]

但是老師這樣也可以x = 10; alert(x); 不用var的話 是不是相當於全局宣告了

[@cwpeng-course]

是，不特別宣告就使用的話，就直接是全域變數。 不過這不是寫 JS 的好習慣，建議變數還是要清楚的宣告嘍 ~~~

[@zhichongwu7543]

好的谢谢老师·

[@maskman4821]

很棒的說明!

[@SouthernMongoliaNews]

谢谢！

[@cwpeng-course]

不客氣！

[@黃博歆-n9o]

可以再多拍一個jquery嗎?拜託了

[@cwpeng-course]

收到哦，有時間的話我會盡量 :)

[@林呆哲]

首先感謝老師的教學，老師教得超棒的! 我有個問題想提問，根據你前面的影片所學，我想利用Ajax和自動排程寫一個網頁中間的圖案會隨著時間而變換的程式，以下是我寫的，但是跑不了，請老師過目。 function init(){ picture=window.document.getElementById("picture"); window.setTimeout(change,1500); } function change(){ var data=new XMLHttpRequest; data.open("get","127.0.0.1/picture1.html"); data.onload=function(){ picture.innerHTML=data.responseText; } data.send(); } //picture是body中的一個id

[@cwpeng-course]

我無法測試你的伺服器那邊運作是否正常，Ajax 的呼叫是否成功。 不過光就這些程式來看，change 函式中的第一行少了一對小括號如下：new XMLHttpRequest();

[@林呆哲]

我用老師教的範例可以執行，但是現在這個程式卻跑不了(小括號加上去了)

[@cwpeng-course]

再檢查一項：init 函式必須對應 window 或是 body 的 load 事件，例如：window.onload=init; 加在程式的最後面。 其他要看你的伺服器有沒有正常運作，記得測試網頁的時候要用 127.0.0.1/網頁檔案，這樣去測試。

[@eastern815]

很讚