实战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ù)解析及加載流程進行學(xué)習(xí)(注意:我們這里說的ES5中的預(yù)解析)。

什么是解析

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

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

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

在javaScript執(zhí)行之前瀏覽器會把全局作用域下所有帶有var和function關(guā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í)行之前進行預(yù)解析  只聲明沒有定義只是undefined  
  2. var a = 10
  3. console.log(a);//10   

為了方便我們理解如圖:

這也就是為什么在我們看到var a = 10;之前去輸出a沒有報錯而是輸出undefined;聲明一個變量沒有進行賦值那么就是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ù)以字符串的形式進行存儲,并且會給這堆個內(nèi)存空間分配一個內(nèi)存地址比如xxxfff000

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

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

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

從上圖可以分析出函數(shù)先進性了預(yù)解析,在預(yù)解析的時候聲明+定義都已經(jīng)完成了,并且開辟了一塊堆內(nèi)存空間將函數(shù)以字符串的形式進行存儲,并且給這塊堆內(nèi)存分配一個內(nèi)存地址便于我們使用的時候去找到它,因為這個時候函數(shù)以字符串的形式進行存儲,也就是為什么函數(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

主站蜘蛛池模板: 电加热导热油炉-空气加热器-导热油加热器-翅片电加热管-科安达机械 | 礼至家居-全屋定制家具_一站式全屋整装_免费量房设计报价 | 英思科GTD-3000EX(美国英思科气体检测仪MX4MX6)百科-北京嘉华众信科技有限公司 | 深圳希玛林顺潮眼科医院(官网)│深圳眼科医院│医保定点│香港希玛林顺潮眼科中心连锁品牌 | 丝杆升降机-不锈钢丝杆升降机-非标定制丝杆升降机厂家-山东鑫光减速机有限公司 | 断桥铝破碎机_发动机破碎机_杂铝破碎机厂家价格-皓星机械 | 橡胶接头_橡胶软接头_可曲挠橡胶接头-巩义市创伟机械制造有限公司 | 西安标准厂房_陕西工业厂房_西咸新区独栋厂房_长信科技产业园官方网站 | 丹尼克尔拧紧枪_自动送钉机_智能电批_柔性振动盘_螺丝供料器品牌 | 淘剧影院_海量最新电视剧,免费高清电影随心观看 | led全彩屏-室内|学校|展厅|p3|户外|会议室|圆柱|p2.5LED显示屏-LED显示屏价格-LED互动地砖屏_蕙宇屏科技 | 学习安徽网| 济南保安公司加盟挂靠-亮剑国际安保服务集团总部-山东保安公司|济南保安培训学校 | 福州仿石漆加盟_福建仿石漆厂家-外墙仿石漆加盟推荐铁壁金钢(福建)新材料科技有限公司有保障 | 鑫铭东办公家具一站式定制采购-深圳办公家具厂家直销 | 环氧树脂地坪_防静电地坪漆_环氧地坪漆涂料厂家-地壹涂料地坪漆 环球电气之家-中国专业电气电子产品行业服务网站! | 菲希尔FISCHER测厚仪-铁素体检测仪-上海吉馨实业发展有限公司 | 充气膜专家-气膜馆-PTFE膜结构-ETFE膜结构-商业街膜结构-奥克金鼎 | 钢化玻璃膜|手机钢化膜|钢化膜厂家|手机保护膜-【东莞市大象电子科技有限公司】 | 合肥展厅设计-安徽展台设计-合肥展览公司-安徽奥美展览工程有限公司 | 视频教程导航网_视频教程之家_视频教程大全_最新视频教程分享发布平台 | 圆周直径尺-小孔内视镜-纤维研磨刷-东莞市高腾达精密工具 | 多功能干燥机,过滤洗涤干燥三合一设备-无锡市张华医药设备有限公司 | 杭州顺源过滤机械有限公司官网-压滤机_板框压滤机_厢式隔膜压滤机厂家 | 铝板冲孔网,不锈钢冲孔网,圆孔冲孔网板,鳄鱼嘴-鱼眼防滑板,盾构走道板-江拓数控冲孔网厂-河北江拓丝网有限公司 | 无锡网站建设-做网站-建网站-网页设计制作-阿凡达建站公司 | 复合土工膜厂家|hdpe防渗土工膜|复合防渗土工布|玻璃纤维|双向塑料土工格栅-安徽路建新材料有限公司 | 无轨电动平车_轨道平车_蓄电池电动平车★尽在新乡百特智能转运设备有限公司 | 贵州水玻璃_-贵阳花溪闽兴水玻璃厂 | 珠海白蚁防治_珠海灭鼠_珠海杀虫灭鼠_珠海灭蟑螂_珠海酒店消杀_珠海工厂杀虫灭鼠_立净虫控防治服务有限公司 | 东莞画册设计_logo/vi设计_品牌包装设计 - 华略品牌设计公司 | 新密高铝耐火砖,轻质保温砖价格,浇注料厂家直销-郑州荣盛窑炉耐火材料有限公司 | 煤粉取样器-射油器-便携式等速飞灰取样器-连灵动 | KBX-220倾斜开关|KBW-220P/L跑偏开关|拉绳开关|DHJY-I隔爆打滑开关|溜槽堵塞开关|欠速开关|声光报警器-山东卓信有限公司 | 净水器代理,净水器招商,净水器加盟-FineSky德国法兹全屋净水 | 超声骨密度仪,双能X射线骨密度仪【起草单位】,骨密度检测仪厂家 - 品源医疗(江苏)有限公司 | 上海风淋室_上海风淋室厂家_上海风淋室价格_上海伯淋 | 新能源汽车电池软连接,铜铝复合膜柔性连接,电力母排-容发智能科技(无锡)有限公司 | 砂石生产线_石料生产线设备_制砂生产线设备价格_生产厂家-河南中誉鼎力智能装备有限公司 | 纯水设备_苏州皙全超纯水设备水处理设备生产厂家 | 硫化罐-电加热蒸汽硫化罐生产厂家-山东鑫泰鑫智能装备有限公司 |