【Day27】從零開始的程式大亂鬥：JavaScript－Hoisting - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2023 iThome 鐵人賽

DAY 18

0

自我挑戰組

那些有趣的程式系列第 27 篇

【Day27】從零開始的程式大亂鬥：JavaScript－Hoisting

15th鐵人賽

2023-10-13 22:34:39

267 瀏覽

分享至

今天要談的是 JavaScript 的 Hoisting。

Example 1：

var greet;
console.log(greet);

輸出結果：

undefined

Example 2：

var greet = 'Hello';
console.log(greet);

輸出結果：

Hello

Example 3：

console.log(string);
var string = 'HI';

輸出結果：

undefined

會造成這樣的結果，原因就在 JavaScript 中使用 var 宣告變數時，會將 var 提升（Hoisting）到最頂端宣告。

因此 Example 3 的程式碼也能看作：

var greet;
console.log(greet);
greet = 'Hello';

輸出結果：

undefined

簡單來說，不管你在哪一行用 var 宣告變數，都當作在函數的第一行宣告。

【Day26】從零開始的程式大亂鬥：JavaScript－令人頭痛的轉型

【Day28】從零開始的程式大亂鬥：JavaScript－渲染流水線

系列文

那些有趣的程式共 35 篇

目錄

RSS系列文訂閱系列文

6 人訂閱

完整目錄

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

902 組

團體組數

37 組

累計文章數

19700 篇

完賽人數

530 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react

IT邦幫忙