实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

400-650-7353
您所在的位置:首頁 > IT干貨資料 > web前端 > 【W(wǎng)eb前端基礎(chǔ)知識】預(yù)解析(變量提升)

【W(wǎng)eb前端基礎(chǔ)知識】預(yù)解析(變量提升)

  • 發(fā)布: Web前端培訓(xùn)
  • 來源:Web前端干貨資料
  • 2020-12-18 16:18:48
  • 閱讀()
  • 分享
  • 手機端入口

今天為大家介紹一下一下JavaScript中的預(yù)解析(變量提升)。從什么是預(yù)解析及變量的預(yù)解析和函數(shù)的預(yù)解析及加載流程進(jìn)行學(xué)習(xí)(注意:我們這里說的ES5中的預(yù)解析)。

什么是解析

首先代碼執(zhí)行肯定需要一個執(zhí)行環(huán)境,瀏覽器會提供一個供javaScript執(zhí)行的全局作用域window。但是在javaScript執(zhí)行之前會進(jìn)行預(yù)解析,又稱之為變量提升。預(yù)解析可以分為兩部分:

- 聲明(declare): var a; 簡單的去理解聲明就是我們聲明一個變量沒有賦值;

- 定義(defined):a= 100; 定義相當(dāng)于給這個變量進(jìn)行賦值;

在javaScript執(zhí)行之前瀏覽器會把全局作用域下所有帶有var和function關(guān)鍵字的進(jìn)行預(yù)解析(注意是帶有var和function關(guān)鍵字的),這也就是為什么我們學(xué)習(xí)預(yù)解析去學(xué)習(xí)變量的預(yù)解析及函數(shù)的預(yù)解析原因,變量的預(yù)解析和函數(shù)的預(yù)解析存在一定的區(qū)別如下:

- var :在預(yù)解析的時候只聲明不定義

- function:在預(yù)解析的時候聲明+定義都已經(jīng)完成了

變量的預(yù)解析

現(xiàn)在有如下代碼:

  1. console.log(a);//undefined   在代碼執(zhí)行之前進(jìn)行預(yù)解析  只聲明沒有定義只是undefined  
  2. var a = 10
  3. console.log(a);//10   

為了方便我們理解如圖:

這也就是為什么在我們看到var a = 10;之前去輸出a沒有報錯而是輸出undefined;聲明一個變量沒有進(jìn)行賦值那么就是undefined;

函數(shù)的預(yù)解析及加載流程

前面我們說過了函數(shù)再預(yù)解析的時候聲明+定義都已經(jīng)完成了,現(xiàn)在有如下代碼:

  1. //定義一個函數(shù)sum 
  2. function sum(){ 
  3.    Console.log(“javascript”); 
  4. sum();//->javascript    每次調(diào)用都重新執(zhí)行 
  5. sum();//->javascript    每次調(diào)用都重新執(zhí)行 
  6. sum();//->javascript    每次調(diào)用都重新執(zhí)行 

我們先去看下函數(shù)的加載流程:

1. 函數(shù)在預(yù)解析的時候聲明+定義都已經(jīng)完成了

2. 因為函數(shù)是引用數(shù)據(jù)類型,會新開辟一個堆內(nèi)存空間,將函數(shù)以字符串的形式進(jìn)行存儲,并且會給這堆個內(nèi)存空間分配一個內(nèi)存地址比如xxxfff000

3.函數(shù)的調(diào)用的時候,會開辟一個新的私有作用域,將函數(shù)體中內(nèi)容從上到下依次執(zhí)行

4.函數(shù)每一次調(diào)用都是相互獨立的,并且函數(shù)執(zhí)行完畢之后自動銷毀

方便大家理解加載流程如圖所示:

從上圖可以分析出函數(shù)先進(jìn)性了預(yù)解析,在預(yù)解析的時候聲明+定義都已經(jīng)完成了,并且開辟了一塊堆內(nèi)存空間將函數(shù)以字符串的形式進(jìn)行存儲,并且給這塊堆內(nèi)存分配一個內(nèi)存地址便于我們使用的時候去找到它,因為這個時候函數(shù)以字符串的形式進(jìn)行存儲,也就是為什么函數(shù)定義函數(shù)不去調(diào)用是不能執(zhí)行的。當(dāng)我們調(diào)用的時候發(fā)現(xiàn),開辟了個一個新的私有作用域,函數(shù)體從上到下去執(zhí)行,并且每一次調(diào)用都會形成新的私有作用域,所以是相互獨立的,并且每一個私有作用執(zhí)行完畢就自動銷毀了,是瀏覽器內(nèi)置的垃圾回收機制。這樣保證了性能優(yōu)化。

文章“【W(wǎng)eb前端基礎(chǔ)知識】預(yù)解析(變量提升)”已幫助

>>本文地址:http://www.jecan.cn/zhuanye/2020/63244.html

THE END  

聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉(zhuǎn)載。

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個方向的工作?

獲取測試結(jié)果
  • 大前端大前端
  • 大數(shù)據(jù)大數(shù)據(jù)
  • 互聯(lián)網(wǎng)營銷互聯(lián)網(wǎng)營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內(nèi)設(shè)計室內(nèi)設(shè)計
  • 平面設(shè)計平面設(shè)計
  • 電商設(shè)計電商設(shè)計
  • 網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計
  • 全鏈路UI/UE設(shè)計UI設(shè)計
  • VR/AR游戲開發(fā)VR/AR
  • 網(wǎng)絡(luò)安全網(wǎng)絡(luò)安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發(fā)智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: atcc网站,sigma试剂价格,肿瘤细胞现货,人结肠癌细胞株购买-南京科佰生物 | 施工电梯_齿条货梯_烟囱电梯_物料提升机-河南大诚机械制造有限公司 | 聚丙烯酰胺_厂家_价格-河南唐达净水材料有限公司 | 全自动烧卖机厂家_饺子机_烧麦机价格_小笼汤包机_宁波江北阜欣食品机械有限公司 | 常州翔天实验仪器厂-恒温振荡器-台式恒温振荡器-微量血液离心机 恒温恒湿箱(药品/保健品/食品/半导体/细菌)-兰贝石(北京)科技有限公司 | 线粒体膜电位荧光探针-细胞膜-标记二抗-上海复申生物科技有限公司 | 超声波破碎仪-均质乳化机(供应杭州,上海,北京,广州,深圳,成都等地)-上海沪析实业有限公司 | 深圳激光打标机_激光打标机_激光焊接机_激光切割机_同体激光打标机-深圳市创想激光科技有限公司 深圳快餐店设计-餐饮设计公司-餐饮空间品牌全案设计-深圳市勤蜂装饰工程 | 电动高压冲洗车_价格-江苏速利达机车有限公司| app开发|app开发公司|小程序开发|物联网开发||北京网站制作|--前潮网络 | 特种阀门-调节阀门-高温熔盐阀-镍合金截止阀-钛阀门-高温阀门-高性能蝶阀-蒙乃尔合金阀门-福建捷斯特阀门制造有限公司 | 辐射色度计-字符亮度测试-反射式膜厚仪-苏州瑞格谱光电科技有限公司 | 5L旋转蒸发器-20L-50L旋转蒸发器-上海越众仪器设备有限公司 | 实战IT培训机构_IT培训班选大学生IT技术培训中心_中公优就业 | 翅片管散热器价格_钢制暖气片报价_钢制板式散热器厂家「河北冀春暖气片有限公司」 | 撕碎机_轮胎破碎机_粉碎机_回收生产线厂家_东莞华达机械有限公司 | 油冷式_微型_TDY电动滚筒_外装_外置式电动滚筒厂家-淄博秉泓机械有限公司 | 不锈钢散热器,冷却翅片管散热器厂家-无锡市烨晟化工装备科技有限公司 | 滚筒线,链板线,总装线,流水线-上海体能机电有限公司 | 喷播机厂家_二手喷播机租赁_水泥浆洒布机-河南青山绿水机电设备有限公司 | 衢州装饰公司|装潢公司|办公楼装修|排屋装修|别墅装修-衢州佳盛装饰 | 雾度仪_雾度计_透光率雾度仪价格-三恩时(3nh)光电雾度仪厂家 | 精密冲床,高速冲床等冲压设备生产商-常州晋志德压力机厂 | 塑料异型材_PVC异型材_封边条生产厂家_PC灯罩_防撞扶手_医院扶手价格_东莞市怡美塑胶制品有限公司 | 润东方环保空调,冷风机,厂房车间降温设备-20年深圳环保空调生产厂家 | Eiafans.com_环评爱好者 环评网|环评论坛|环评报告公示网|竣工环保验收公示网|环保验收报告公示网|环保自主验收公示|环评公示网|环保公示网|注册环评工程师|环境影响评价|环评师|规划环评|环评报告|环评考试网|环评论坛 - Powered by Discuz! | 河南橡胶接头厂家,河南波纹补偿器厂家,河南可曲挠橡胶软连接,河南套筒补偿器厂家-河南正大阀门 | Q361F全焊接球阀,200X减压稳压阀,ZJHP气动单座调节阀-上海戎钛 | 软瓷_柔性面砖_软瓷砖_柔性石材_MCM软瓷厂家_湖北博悦佳软瓷 | 螺旋压榨机-刮泥机-潜水搅拌机-电动泥斗-潜水推流器-南京格林兰环保设备有限公司 | 一点车讯-汽车网站,每天一点最新车讯! | 软瓷_柔性面砖_软瓷砖_柔性石材_MCM软瓷厂家_湖北博悦佳软瓷 | cnc精密加工_数控机械加工_非标平键定制生产厂家_扬州沃佳机械有限公司 | 广州物流公司_广州货运公司_广州回程车运输 - 万信物流 | 断桥铝破碎机_发动机破碎机_杂铝破碎机厂家价格-皓星机械 | 交联度测试仪-湿漏电流测试仪-双85恒温恒湿试验箱-常州市科迈实验仪器有限公司 | 江苏皓越真空设备有限公司| 单级/双级旋片式真空泵厂家,2xz旋片真空泵-浙江台州求精真空泵有限公司 | 昆明网络公司|云南网络公司|昆明网站建设公司|昆明网页设计|云南网站制作|新媒体运营公司|APP开发|小程序研发|尽在昆明奥远科技有限公司 | 步进驱动器「一体化」步进电机品牌厂家-一体式步进驱动 | 郑州水质检测中心_井水检测_河南废气检测_河南中环嘉创检测 |