如何解決JS中變量的聲明，舉起與初始化的問題

這篇文章主要講解了“如何解決JS中變量的聲明，舉起與初始化的問題”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何解決JS中變量的聲明，舉起與初始化的問題”吧！

一、首先 JS 的舉起 Hoisting

觀察一下變量自舉的代碼：

today = "Friday"; console.log(today); // Friday  var today = "Monday!";

雖然declare的步驟在最后，但是today已經順利打印出來，這是因為declare被hoist到頂部。

var today;           // hoisted declaration today = "Friday";    // the original line 1 console.log(today);  // Hello! today = "Monday";    // `var` is gone!

JSEngine事先將var舉到頂部執行，并初始化值undefined.

接著查看function自舉：

today(); // Friday!  function today() {     console.log("Friday"); }

同樣的原理在complie的步驟中，事先將所有的function都解析成AST，因此也就都hoist到了頂部。

繼續考察function與variable二者的組合。

today = "Friday"; printToday(); // Today is Friday.  function printToday() {     console.log(`Today is ${ today }!`); } var today;

實際的執行是先將function舉起，再將var舉起。

function printToday() {     console.log(`Today is ${ today }!`); } var today; today = "Friday"; printToday(); // Today is Friday.

二、重復declare的問題

考察下面的代碼：

let keepMoving = true; while (keepMoving) {     let value = Math.random();     if (value > 0.5) {         keepMoving = false;     } }

乍一看，似乎每次循環都會執行`let value = Math.random();`,但實際上只執行一次，執行一次后，declare  的部分將會從代碼中移除。

三、變量初始化的問題TDZ問題

除了var之外，let也將舉起，只是不會被初始化：

var studentName = "Timy";  {     console.log(studentName);     // ???      let studentName = "Smith";      console.log(studentName);     // Smith }

第一個console不會輸出 "Timy"而是會報錯，說明let也被舉起，只是沒有被初始化。

解決此問題的方法就是將所有的let，const等全部都寫到頂部。

感謝各位的閱讀，以上就是“如何解決JS中變量的聲明，舉起與初始化的問題”的內容了，經過本文的學習后，相信大家對如何解決JS中變量的聲明，舉起與初始化的問題這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！