免费在线a视频-免费在线观看a视频-免费在线观看大片影视大全-免费在线观看的视频-色播丁香-色播基地

JavaScript 中的 Var,Let 和 Const 有什么區(qū)別

:2021年07月04日 酷扯兒
分享到:

一、var在ES5中,頂層對(duì)象的屬性和全局變量是等價(jià)的,用var聲明的變量既是全局變量,也是頂層變量注意:頂層對(duì)象,在瀏覽器環(huán)境指的是window對(duì)象,在 Node 指的是global對(duì)象var a =10;console.log(windo...

5775370e-317b-465e-9625-ca108a72012a.png@q_90,w_450.jpeg

一、var

在ES5中,頂層對(duì)象的屬性和全局變量是等價(jià)的,用var聲明的變量既是全局變量,也是頂層變量

注意:頂層對(duì)象,在瀏覽器環(huán)境指的是window對(duì)象,在 Node 指的是global對(duì)象

var a =10;console.log(window.a)//10使用var聲明的變量存在變量提升的情況

console.log(a)// undefinedvar a =20在編譯階段,編譯器會(huì)將其變成以下執(zhí)行

var aconsole.log(a)a =20使用var,我們能夠?qū)σ粋€(gè)變量進(jìn)行多次聲明,后面聲明的變量會(huì)覆蓋前面的變量聲明

var a =20var a =30console.log(a)//30在函數(shù)中使用使用var聲明變量時(shí)候,該變量是局部的

var a =20functionchange(){var a =30}change()console.log(a)//20而如果在函數(shù)內(nèi)不使用var,該變量是全局的

var a =20functionchange(){ a =30}change()console.log(a)//30二、let

let是ES6新增的命令,用來聲明變量

用法類似于var,但是所聲明的變量,只在let命令所在的代碼塊內(nèi)有效

{let a =20}console.log(a)// ReferenceError: a is not defined.不存在變量提升

console.log(a)//報(bào)錯(cuò)ReferenceErrorlet a =2這表示在聲明它之前,變量a是不存在的,這時(shí)如果用到它,就會(huì)拋出一個(gè)錯(cuò)誤

只要塊級(jí)作用域內(nèi)存在let命令,這個(gè)區(qū)域就不再受外部影響

var a =123if (true){ a ='abc'// ReferenceErrorlet a;}使用let聲明變量前,該變量都不可用,也就是大家常說的“暫時(shí)性死區(qū)”

最后,let不允許在相同作用域中重復(fù)聲明

let a =20let a =30// Uncaught SyntaxError: Identifier 'a' has already been declared注意的是相同作用域,下面這種情況是不會(huì)報(bào)錯(cuò)的

let a =20{let a =30}因此,我們不能在函數(shù)內(nèi)部重新聲明參數(shù)

functionfunc(arg){let arg;}func()// Uncaught SyntaxError: Identifier 'arg' has already been declared三、const

const聲明一個(gè)只讀的常量,一旦聲明,常量的值就不能改變

const a =1a =3// TypeError: Assignment to constant variable.這意味著,const一旦聲明變量,就必須立即初始化,不能留到以后賦值

const a;// SyntaxError: Missing initializer in const declaration如果之前用var或let聲明過變量,再用const聲明同樣會(huì)報(bào)錯(cuò)

var a =20let b =20const a =30const b =30//都會(huì)報(bào)錯(cuò)const實(shí)際上保證的并不是變量的值不得改動(dòng),而是變量指向的那個(gè)內(nèi)存地址所保存的數(shù)據(jù)不得改動(dòng)

對(duì)于簡(jiǎn)單類型的數(shù)據(jù),值就保存在變量指向的那個(gè)內(nèi)存地址,因此等同于常量

對(duì)于復(fù)雜類型的數(shù)據(jù),變量指向的內(nèi)存地址,保存的只是一個(gè)指向?qū)嶋H數(shù)據(jù)的指針,const只能保證這個(gè)指針是固定的,并不能確保改變量的結(jié)構(gòu)不變

const foo ={};//為 foo 添加一個(gè)屬性,可以成功foo.prop =123;foo.prop //123//將 foo 指向另一個(gè)對(duì)象,就會(huì)報(bào)錯(cuò)foo ={};// TypeError:"foo" is read-only其它情況,const與let一致

四、區(qū)別

var、let、const三者區(qū)別可以圍繞下面五點(diǎn)展開:

變量提升暫時(shí)性死區(qū)塊級(jí)作用域重復(fù)聲明修改聲明的變量使用變量提升

var聲明的變量存在變量提升,即變量可以在聲明之前調(diào)用,值為undefined

let和const不存在變量提升,即它們所聲明的變量一定要在聲明后使用,否則報(bào)錯(cuò)

// varconsole.log(a)// undefinedvar a =10// let console.log(b)// Cannot access 'b' before initializationlet b =10// constconsole.log(c)// Cannot access 'c' before initializationconst c =10暫時(shí)性死區(qū)

var不存在暫時(shí)性死區(qū)

let和const存在暫時(shí)性死區(qū),只有等到聲明變量的那一行代碼出現(xiàn),才可以獲取和使用該變量

// varconsole.log(a)// undefinedvar a =10// letconsole.log(b)// Cannot access 'b' before initializationlet b =10// constconsole.log(c)// Cannot access 'c' before initializationconst c =10塊級(jí)作用域

var不存在塊級(jí)作用域

let和const存在塊級(jí)作用域

// var{var a =20}console.log(a)//20// let{let b =20}console.log(b)// Uncaught ReferenceError: b is not defined// const{const c =20}console.log(c)// Uncaught ReferenceError: c is not defined重復(fù)聲明

var允許重復(fù)聲明變量

let和const在同一作用域不允許重復(fù)聲明變量

// varvar a =10var a =20//20// letlet b =10let b =20// Identifier 'b' has already been declared// constconst c =10const c =20// Identifier 'c' has already been declared修改聲明的變量

var和let可以

const聲明一個(gè)只讀的常量。一旦聲明,常量的值就不能改變

// varvar a =10a =20console.log(a)//20//letlet b =10b =20console.log(b)//20// constconst c =10c =20console.log(c)// Uncaught TypeError: Assignment to constant variable使用

能用const的情況盡量使用const,其他情況下大多數(shù)使用let,避免使用var

參考文獻(xiàn)

https://es6.ruanyifeng.com/

[我要糾錯(cuò)]
文:宋聰喬&發(fā)表于江蘇
關(guān)鍵詞: 頂層 對(duì)象 屬性 全局 變量

來源:本文內(nèi)容搜集或轉(zhuǎn)自各大網(wǎng)絡(luò)平臺(tái),并已注明來源、出處,如果轉(zhuǎn)載侵犯您的版權(quán)或非授權(quán)發(fā)布,請(qǐng)聯(lián)系小編,我們會(huì)及時(shí)審核處理。
聲明:江蘇教育黃頁對(duì)文中觀點(diǎn)保持中立,對(duì)所包含內(nèi)容的準(zhǔn)確性、可靠性或者完整性不提供任何明示或暗示的保證,不對(duì)文章觀點(diǎn)負(fù)責(zé),僅作分享之用,文章版權(quán)及插圖屬于原作者。

點(diǎn)個(gè)贊
0
踩一腳
0

您在閱讀:JavaScript 中的 Var,Let 和 Const 有什么區(qū)別

Copyright?2013-2024 JSedu114 All Rights Reserved. 江蘇教育信息綜合發(fā)布查詢平臺(tái)保留所有權(quán)利

蘇公網(wǎng)安備32010402000125 蘇ICP備14051488號(hào)-3技術(shù)支持:南京博盛藍(lán)睿網(wǎng)絡(luò)科技有限公司

南京思必達(dá)教育科技有限公司版權(quán)所有   百度統(tǒng)計(jì)

主站蜘蛛池模板: 黄色国产一级片 | 美女日批视频在线观看 | 九九99re在线视频精品免费 | 成人国内精品久久久久影 | 国产日韩亚洲欧洲一区二区三区 | 精品久久久一二三区 | 人人做人人做人人爱 | 免费国产成人高清无线看软件 | 韩国成人理伦片免费 | 在线视免费频观看韩国aaa | 久久久精品麻豆 | 日韩精品视频免费观看 | 男女免费视频 | 日韩精品一区二区三区国语自制 | 亚洲91在线视频 | 日韩色视频一区二区三区亚洲 | 国产欧美日本在线 | 中文字幕亚洲一区二区三区 | 日本免费新一区二区三区 | avav在线看| 色爱区综合激情五月综合色 | 日韩日韩日韩手机看片自拍 | 日日噜噜夜夜狠狠久久aⅴ 日日噜噜夜夜狠狠久久丁香七 | 天天插天天透天天狠 | 青青草国产精品人人爱99 | 任你躁久久精品6 | 日日操夜夜爽 | 亚洲免费网站在线观看 | 97青草最新免费精品视频 | 久久久久夜色精品波多野结衣 | 一级毛片免费视频观看 | 亚洲精品高清中文字幕 | 最近2019中文字幕免费看最新 | 99精品高清视频一区二区 | 免费国产小视频在线观看 | 农村黄a三级三级三级 | 色无五月 | 国产精彩视频 | 久久精品第一页 | 伊人最新网址 | 美日韩视频 |
最熱文章
最新文章
  • 阿里云上云鉅惠,云產(chǎn)品享最低成本,有需要聯(lián)系,
  • 卡爾蔡司鏡片優(yōu)惠店,鏡片價(jià)格低
  • 蘋果原裝手機(jī)殼