java const关键字_const关键字:终于拥有真正的常量声明语句
你好,今天大叔想和你嘮扯嘮扯 ES6 新增的關(guān)鍵字 —— const。在說 const 關(guān)鍵字之前,大叔先和你嘮嘮大叔自己對 const 的感受 —— JavaScript 尼瑪終于可以聲明真正的常量啦!大叔為啥會發(fā)出這樣滴感嘆?實(shí)在是“天下苦秦久矣”呀~
話說 long long ago,當(dāng)初大叔從 Java 技術(shù)棧轉(zhuǎn)向前端技術(shù)棧,首先要搞定的就是 JavaScript。雖然都說 JavaScript 和 Java 語言有很多的地方是相似滴,但你知道直到大叔發(fā)現(xiàn)這貨不能聲明常量時(shí)候的感受嗎?!那真是欲哭無淚啊~ 一個(gè)堂堂滴編程語言,居然尼瑪不能聲明常量?!也好意思說自己是個(gè)編程語言?!
01聲明常量
好吧~ 大叔不吐槽了,還是說正事兒吧。其實(shí),在 ES5 里面也不是不能聲明常量,就是有那么一捏捏的別扭。你知道 Object 有個(gè)叫做 defineProperty() 的方法吧?它是用來給某個(gè)對象定義屬性的。在 ES5 里面就可以通過這個(gè)方法間接地來聲明常量。
比方說,你現(xiàn)在想在全局作用域里面聲明一個(gè)常量,其實(shí)就可以看作是給頂級對象添加一個(gè)屬性嘛。帶入個(gè)場景比較好整明白,假設(shè)是一個(gè) HTML 頁面里面聲明一個(gè)全局常量,就可以像下面這樣整:
這段代碼的意思就是給 window 對象增加一個(gè)名叫 a 的屬性。writeable 的作用就是這個(gè)屬性能不能寫,值為 false 就是只能讀不能寫的意思。所以,這時(shí)的屬性 a 就只能訪問不能修改。不信咱可以試試:
這時(shí)打印的結(jié)果比較簡單,就是 a。接下來咱們再修改一下試試看是啥結(jié)果:
打印的結(jié)果還是 a,并沒有把 a 的值改成 b。
其實(shí),這樣的用法已經(jīng)很接近常量的用法了。但是,可但是,但可是~ 你不覺得別扭嗎?!為啥?大叔給你屢屢:
尼瑪我現(xiàn)在要聲明的是一個(gè)常量,你現(xiàn)在用的是定義屬性的語法。這個(gè)示例還好,因?yàn)槭锹暶魅殖A?#xff0c;可以加到 window 這種頂級對象上。要是在一個(gè)函數(shù)作用域里面咋辦,我找不準(zhǔn)上下文對象咋辦?!即使就用這個(gè)辦法能解決這個(gè)問題,也確實(shí)不能改值。但是,啥提示沒有,你不難受嗎?!常量就是常量,屬性就是屬性。至少從概念上就別尼瑪混淆在一起,你說是不是?!所以,在 ES6 的新特性里面,大叔終于看到希望 —— const。這貨才是真正用來定義常量滴!說到常量,大叔得先給你科普一下到底怎么樣才算是常量。
所謂常量,簡單來說就是不能變化的值。其實(shí),不僅不能值變化,還不能重復(fù)賦值,也不能重復(fù)聲明,這才算是對滴。
那接下來,大叔就給你看看 const 這貨能不能做到這一點(diǎn):
這段代碼不難看出就是使用 const 關(guān)鍵字聲明了一個(gè)常量,兩處打印的結(jié)果分別為:
第一處打印的結(jié)果是 a第二處打印的結(jié)果是報(bào)錯(cuò),報(bào)錯(cuò)的內(nèi)容是:TypeError: Assignment to constant variable.,大概的意思就是你把常量當(dāng)變量賦值了。看到了吧?!這才是常量。不僅不能改變值,而且會進(jìn)行報(bào)錯(cuò),告訴你改變值這種行為是不對滴。
02聲明常量的注意事項(xiàng)
當(dāng)然了,ES6 新增了這樣的語法,附帶的也有一些需要你注意的事兒 —— 就是在聲明一個(gè)常量的時(shí)候,是必須把常量進(jìn)行初始化的。不能像聲明變量一樣,聲明和初始化可以分成兩個(gè)步驟完成。比方說像下面這樣?jì)饍鹤?#xff1a;
這段代碼運(yùn)行之后的結(jié)果就是給你報(bào)個(gè)大錯(cuò),報(bào)錯(cuò)的內(nèi)容是:SyntaxError: Missing initializer in const declaration,大概的意思就是說你在聲明常量的時(shí)候沒給人家初始化。
你看看,整得多明白!釘兒是釘兒,卯兒是卯兒的。
03塊級作用域
再有就是,const 不僅提供一個(gè)真正可以聲明變量的方式,還提供了塊級作用域。啥?你還不知道呢?!那你就去看看大叔寫的ES6新增了加強(qiáng)版的var,究竟有什么區(qū)別呢?這篇文章里面關(guān)于塊級作用域的內(nèi)容吧。
在這兒呢,大叔想再次重申一下塊級作用域的好處 —— 就是會把之前暴露在全局作用域的一些變量全部限制在一個(gè)具體的塊級作用域里面。比方說像下面這樣?jì)饍旱拇a:
這段代碼運(yùn)行后打印的結(jié)果是報(bào)錯(cuò),報(bào)錯(cuò)的內(nèi)容是:ReferenceError: f is not defined。也就是說,你在一個(gè)塊級作用域里面聲明一個(gè)常量,在這個(gè)塊級作用域之外是沒辦法訪問到這個(gè)常量的。
04暫時(shí)性死區(qū)(TDZ)
既然嘮到 const 聲明的常量是具有塊級作用域的,那就不能不說一下暫時(shí)性死區(qū)的問題了。啥意思呢?就是說使用 const 聲明的常量也同樣存在暫時(shí)性死區(qū)的,不信你來看段代碼:
這段代碼運(yùn)行后的結(jié)果是報(bào)錯(cuò),報(bào)錯(cuò)的內(nèi)容還是暫時(shí)性死區(qū)的錯(cuò)誤:ReferenceError: Cannot access 'a' before initialization。
存在了暫時(shí)性死區(qū)了,就說明 const 聲明常量的時(shí)候也就不存在啥聲明提前的事兒了。這兩件事兒吧,其實(shí)說的是一個(gè)意思,你可得記明白了。
05聲明常量對象或者數(shù)組
嘮到這兒吧,其實(shí)基本上關(guān)于 const 都嘮完了。這貨除了可以真正聲明一個(gè)常量之外,其實(shí)沒啥可嘮的啦。但是,但可是,可但是~ 嘿嘿~
大叔想問你的問題:如果咱們用 const 聲明一個(gè)對象或者數(shù)組,那這個(gè)對象的屬性或者數(shù)組里面的元素能不能修改呢?
尋思是尋思不明白的,咱們直接整代碼吧,用事實(shí)來看看到是個(gè)啥情況。比方說咱們先聲明一個(gè)這樣?jì)饍旱膶ο?#xff1a;
大叔今年都 37 啦,但是年輕的心還是有滴。所以,大叔想把 age 這個(gè)屬性的值改成 18,就像這樣?jì)饍旱?#xff1a;
結(jié)果~ 咱們運(yùn)行代碼之后得到的結(jié)果就是這樣?jì)饍旱?#xff1a;
注意啊~ 注意啊~ age 屬性的值被成功滴改成了 18!不對吧?const 聲明的不是常量嗎?常量不是不能改變值嗎?這尼瑪結(jié)果也不對啊?
靈魂三連問也沒用,事實(shí)擺在眼吧前兒,咱就得認(rèn)!但是,為啥會這樣涅?別急,且聽大叔給你慢慢道來~
想整明白這個(gè)事兒吧,咱們就得先嘮扯嘮扯 JavaScript 的存儲結(jié)構(gòu)了。JavaScript 的存儲結(jié)構(gòu)有倆兒,一個(gè)叫做“堆內(nèi)存”,一個(gè)叫做“棧內(nèi)存”。一般情況下吧,咱們定義的變量或者常量都是存儲在堆內(nèi)存里面的。但是吧,對象和數(shù)組算是 JavaScript 里面比較復(fù)雜的一種數(shù)據(jù),所以實(shí)際上對象或者數(shù)組的存儲形式是這樣?jì)饍旱?#xff1a;
知道了這個(gè)事兒,你大概就能整明白為啥上面的代碼運(yùn)行的結(jié)果是這樣?jì)饍旱牧税?#xff1f;!說白了,const 聲明的對象的值確實(shí)不能改變,但是對象的值存儲的是一個(gè)引用地址,而具體的屬性其實(shí)是存儲在這個(gè)引用地址里面,const 是沒辦法限制的。
整到這兒,你是不是想問那這樣?jì)饍旱膯栴}要怎么解決?嗯~ 也能解決的。你還記得 Object 提供了一個(gè)方法叫做 freeze() 嗎?這個(gè)方法是用來凍結(jié)某個(gè)對象的。凍結(jié)之后不能向這個(gè)對象添加新的屬性,不能刪除已有屬性,不能修改該對象已有屬性的可枚舉性、可配置性、可寫性,以及不能修改已有屬性的值。所以,就可以利用這個(gè)方法來解決上面提到的問題:
這樣處理之后,咱們再來看看打印后的結(jié)果吧:
問題被完美滴解決了!等一下,真的是這樣?jì)饍旱膯?#xff1f;大叔想繼續(xù)再操作一下下的,比方說像這樣?jì)饍旱?#xff1a;
啥意思?就是說咱們在聲明一個(gè)對象的時(shí)候,這個(gè)對象的屬性也同樣是一個(gè)對象或者數(shù)組,那現(xiàn)在的問題就是你利用 Object.freeze() 方法還能成功地凍結(jié)不?咱們就來試試吧:
咱們得到的結(jié)果實(shí)際上是這樣?jì)饍旱?#xff1a;
發(fā)現(xiàn)還是被修改了~ 這又是咋回事兒呢?這就說明 Object.freeze() 方法只能凍結(jié)當(dāng)前對象的屬性,但是如果某個(gè)屬性的值還是一個(gè)對象或者數(shù)組的話,那就說明這個(gè)屬性存儲的還是一個(gè)引用地址,實(shí)際的數(shù)據(jù)是存儲在這個(gè)引用地址中的。
想要解決這個(gè)問題其實(shí)也不算難,就是繼續(xù)利用 Object.freeze() 方法來凍結(jié)這個(gè)值為對象或者數(shù)組的屬性就行了。就像這樣?jì)饍翰僮?#xff1a;
這樣咱們得到的結(jié)果就是:
也就是說,關(guān)于這個(gè)問題咱們想一勞永逸地解決掉,可以定義一個(gè)函數(shù),把對象作為參數(shù)傳遞進(jìn)去。然后,這個(gè)函數(shù)主要利用遞歸方式把對象中所有值為對象或者數(shù)組的屬性分別進(jìn)行凍結(jié),窮盡為止就可以啦!
06寫在最后的話
好了,整到這兒,ES6 新增的 const 關(guān)鍵字所有大叔想和你嘮扯的內(nèi)容都嘮扯完了,也希望能對你有所幫助。最后再說一句:我是不想成熟的大叔,為前端學(xué)習(xí)不再枯燥、困難和迷茫而努力。你覺得這樣學(xué)習(xí)前端技術(shù)有趣嗎?有什么感受、想法,和好的建議可以在下面給大叔留言哦~
總結(jié)
以上是生活随笔為你收集整理的java const关键字_const关键字:终于拥有真正的常量声明语句的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 金正和华帝燃气灶哪个好一点
- 下一篇: hadoop实训报告总结及体会_管理工程