麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 你不知道的JavaScript作用域

你不知道的JavaScript作用域

來源:千鋒教育
發布人:syq
時間: 2022-07-28 16:02:00 1658995320

  如果你是一個前端工程師,那么JavaScript作用域你一定不會陌生。你知道的可能是 JavaScript中有: 傳統的函數級作用域和全局作用域、ES6 let const 的塊級作用域。但是還有一個你不知道的塊級作用域的存在,今天我們就來扒一扒這些鮮為人知的小秘密我們先來看看下面這個段代碼,請思考一下結果是什么。

JavaScript作用域

  想必你心中已經有了結果

1

  正確答案是3 2

  你答對了嗎?答案結果是否有些意外呢?好了,我們來看看為什么會出現這個答案首先我們需要先了解以下基本知識

  聲明提前

  聲明提前指的是JS引擎在執行之前對代碼進行的預解析(為了提高執行效率) 具體的來說就是使用(var)聲明變量和(function)聲明的函數正預編譯階段將其提升到了作用域的頂部

  全局變量聲明

2

  函數作用域變量聲明

3

  函數聲明

4

  函數表達式聲明

5

  函數塊級作用域

  通過下面代碼我們可以知道 變量的聲明是沒有塊級作用域的,if語句塊中聲明的變量foo會提升到全局作用域并初始化值為undefined

6

  我們再看看函數的情況

7

  上面這個例子告訴我們 函數foo提升到了if語句塊的頂部,但是沒有提升到全局作用域的頂部。但全局作用域中存有一個名為foo的變量 在代碼執行后同步成了函數foo

  同步?為什么會有同步?我們來看看觀察上帝視角的神器 ———— 斷點調試

  我這邊監聽了 foo 變量和 window.foo 大家請注意一下它的變化

  同時我們也關注一下 Scope 作用域

  我們看到Scope中只有全局作用域 foo和window.foo的只都是undefined

8

  代碼執行到if語句塊中 我們再Scope中又發現了一個新的塊級作用域 當前塊級作用域foo的值被賦值為一個函數(函數提升) 而全局作用域中的foo依舊是undefined

9

  代碼繼續往后執行 執行函數的賦值 block作用域依然存在 我把幾個變量的值使用箭頭進行了對應

10

  神奇的地方來了 在函數執行賦值后 塊級作用域消失 而全局變量的foo同步成了剛才塊級作用域的foo

11

  回歸原題

  我們對foo變量進行隔行輸出 看看結果

12

  結合上面斷點測試的結果大家可以發現,函數在代碼塊中聲明會提前到塊級作用域頂部,預編譯結束后開始執行代碼 在執行階段任然會執行函數的賦值操作,其實是函數賦值的第二次執行(第一次在預編譯階段) 第二次的賦值執行的意義是確認當前 函數/全局 作用域能準確的檢索到函數 所以講函數同步到了 當前的函數或全局作用域中。更多關于前端培訓的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

  注:本文部分文字和圖片來源于網絡,如有侵權,請聯系刪除。版權歸原作者所有!

 

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 蜜桃成熟之蜜桃仙子| 日本护士恋夜视频免费列表| 一级中文字幕乱码免费| 强行被公侵犯奈奈美| 欧美夫妇交换完整版随便看| 国产l精品国产亚洲区在线观看 | 国产| 伊人精品久久久大香线蕉99| 午夜老司机在线观看免费| 日本最新免费二区三区| 久草国产电影| 一卡2卡3卡4卡免费高清| 波多野结衣加勒比| 麻豆视频传媒二区| 久久国产一区二区三区| 亚洲乱码一区二区三区在线观看| 成人做受120秒试看动态图| 亚洲冬月枫中文字幕在线看| 欧美黑人巨大videos极品| 欧美三级免费| 久久国产成人精品国产成人亚洲 | 午夜不卡av免费| 妞干网在线观看视频| 插插视频网站| 在线视频这里只有精品| 波多野结衣av高清一区二区三区| 翁公厨房嫒媛猛烈进出| 日本阿v视频在线观看| 67194在线看片| 美团外卖猛男男同38分钟| 女人18片毛片60分钟| 日本艳鉧动漫1~6全集在线播放| 国产精品99久久免费观看| 日漫艳母| 成品煮伊在2021一二三久| 中国黄色一级大片| 绿巨人晚上彻底放飞自己| 欧美一级片免费在线观看| 99久久精品国产一区二区三区| 欧美色视频在线观看| 又粗又硬又黄又爽的免费视频|