麻豆黑色丝袜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
主站蜘蛛池模板: 男人的天堂毛片| 月夜直播在线看片www| 性欧美大战久久久久久久| 夜夜操天天操| 日韩一级黄色片| 思思久久99热只有频精品66| 免费一级在线观| 在线日韩欧美| 中文在线观看永久免费| 伊人久久中文大香线蕉综合| 亚洲黄色免费电影| 日韩福利影院| 男人天堂网在线观看| 好男人好资源在线影视官网| 亚洲午夜精品一区二区| 日本一卡二卡≡卡四卡精品 | 新97人人模人人爽人人喊| 岛国片免费在线观看| 午夜性影院爽爽爽爽爽爽| 波多野结衣教师在线| 波多野结衣最新电影| 豪妇荡乳1一5白玉兰| 性做久久久久久免费观看| 国产高清在线精品一区| 欧美黑人xxxx| 91亚洲自偷手机在线观看| 成人av免费电影| 中国speakingathome宾馆学生| 日韩美女一级毛片| 精品久久久久国产免费| 亚洲免费一级视频| 国产精品一区二区久久| 国产草草影院| 国产在线91区精品| 深夜影院一级毛片| 天天天天做夜夜夜做| 欧美xxxx做受欧美| 热久久最新视频| 7m凹凸精品分类大全免费| 动漫小舞被吸乳羞羞漫画在线| 男女生差差差很痛的app|