Ajax 板


LINE

我覺得原 PO 的問題可能不是 hoisting,而是不知道 test = ... 會把 function test 覆蓋掉。不過這篇還是講 hoisting。 Hoisting 這個「行為」是被人「觀察」出來的。以 C 為例子︰ #include <stdio.h> int a = 1; int main() { printf("%d\n", a); int a = 2; printf("%d\n", a); } 得到的結果會是 1 2 但在 JavaScript 中 var a = 1; function main() { console.log(a); var a = 2; console.log(a); } main(); 得到的結果是 undefined 2 人們就給出一套解釋︰「以 var 定義的變數,會被提到 function scope[1] 的最上面, 而且初始值是 undefined。並且會等到原本的位置(a = 2)才會賦值」,稱為 「Hoisting」。(其實這個說法是錯的,在定義 var 時並所謂的「初始值」並不一定是 undefined,可能該變數本來就在 scope 內,或是被 function arguments 賦值) [1]: 關於 scope: https://is.gd/tcHqDy 事實上 JS 做的事情是︰在進入一個新的 scope 的時候,會把 var, function, const, let 的變數收集起來,並且把變數名稱註冊到目前的 scope 中,接著才開始執行 接下來的程式碼。 它們之前的差別︰ var 是丟到 function scope,並且可以重覆定義,在未賦值前存取會得到 undefined。 function 也是丟到 function scope,可以重覆定義。若定義是放在 scope 的最外層 (定義位於 function scope 底下,而且不在任何 block scope 內),則會提前賦值, 所以你可以在 function 定義前就使用這個變數。否則就和 var 相同,在未賦值前存 取會得到 undefined。 const 和 let 是丟到 block scope,不能重覆定義,在還未賦值前存取會 ReferenceError。 const 還有一個限制是不能重覆賦值。 至於 const, let 也有 hoisting 現象,解釋為「將定義提升到 block scope 的最上 方,但若提前存取會丟出 ReferenceError」,並使用 temporal dead zone 的概念。 要解釋這個的話又和 function 的 default parameter 或 for, while 有關…… 這裡解釋得滿清楚的︰ http://exploringjs.com/es6/ch_variables.html 如果看了這一堆還很有興趣的話,可以玩這個︰ http://perfectionkills.com/javascript-quiz-es6/ -- ▆▄   --



※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.250.156.252
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1487517868.A.B84.html
1F:推 violet90079: 感謝指點~~JavaScript真的好深奧啊Orz 02/19 23:58
2F:推 MangoTW: 推精闢解析 02/20 00:25
3F:推 broo: 多謝解說!有了解一些了! 02/20 23:48
4F:推 kaidouya: 推 04/02 12:12
5F:→ eight0: 這篇文章也很清楚,雖然沒有提到 function/for params 05/31 12:19







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Boy-Girl站內搜尋

TOP