Javascript writable特性介紹
說(shuō)起js中的那些特性標(biāo)記,總覺(jué)得有些怪怪的,那為什么要說(shuō)到這個(gè)attribute,起源于對(duì)一個(gè)問(wèn)題的疑問(wèn),我們都知道window對(duì)象其實(shí)就是
瀏覽器窗口的一個(gè)實(shí)例,既然是一個(gè)實(shí)例,那這個(gè)實(shí)例就應(yīng)該有“屬性”和“方法“,比如下面這樣:

我們平時(shí)都在使用function的時(shí)候,都會(huì)定義一些屬性,比如name,age等等,并且還可以對(duì)他們進(jìn)行delete,set和update操作。

那么下面問(wèn)題來(lái)了,既然我的person對(duì)象的name都可以動(dòng)態(tài)修改,按照這個(gè)道理的話,我也應(yīng)該可以修改window下的undefined值,然后就非常感興趣的想看一看。

結(jié)果還是可想而知,我并沒(méi)有成功修改undefined的值,那為什么會(huì)這樣呢?沒(méi)有道理呀,它又不是上一篇所說(shuō)的包裝類(lèi)型,但我們不得不尊重結(jié)果,這就說(shuō)明js底層肯定是做了些什么才會(huì)導(dǎo)致這樣的結(jié)果,其實(shí)在底層js默認(rèn)用了Writable=false標(biāo)記才讓undefined屬性不可寫(xiě)入,下面具體看看。
一:[Writable]特性
說(shuō)到屬性是否可寫(xiě),也許你會(huì)聯(lián)想到C#中的get/set訪問(wèn)器,又或者是readonly關(guān)鍵字,下面你肯定會(huì)感興趣我應(yīng)該怎么做到屬性的只讀操作。在js中你只要使用defineProperty方法就可以了。

從上面的例子中可以看到三點(diǎn)好玩的東西:
<1>: 我使用了defineProperty方法將person.name變成了只讀字段,那有人要說(shuō)了,這明明是方法,怎么會(huì)是特性,特性在我的思維里面就是
【xxx】模式,所以這就是js的不同之處,畢竟js沒(méi)有語(yǔ)法糖,所以定義特性只能是通過(guò)底層公開(kāi)的方法來(lái)定義,也就是defineProperty。
<2>: 我在方法中不僅看到了writable,還有一個(gè)configurable,那這個(gè)是干什么的?其實(shí)這個(gè)就是基礎(chǔ)配置,告訴js引擎是否可以delete,update屬性,當(dāng)我把configurable設(shè)為false的時(shí)候,你就不可以delete p.Name了,因?yàn)檫@會(huì)是一個(gè)無(wú)效操作。

看完了這些我覺(jué)的你應(yīng)該明白了,為什么undifined不能delete和update了。都是標(biāo)記做的怪,是不是覺(jué)得很有意思?
<3>: 下一個(gè)值得思考的問(wèn)題就是js引擎到底是怎么做到的,在C#里面也是有Atrribute,并且這個(gè)Atrribute被編譯器編譯后會(huì)記錄到元數(shù)據(jù)中,然后你就可以放心大膽的使用反射來(lái)獲取你的Atrribute中的任何值,比如說(shuō)Serializable序列化類(lèi),它就是告訴SerializableFormat怎么去反射讀取類(lèi),哪些字段可以序列化,哪些不可以,不可以的你需要用NonSerialized標(biāo)記。
[Serializable]
public class Test
{
[NonSerialized]
public string Name;
}

從圖中可以看到IL中已經(jīng)記錄了Name為notserialized特性了,我們知道js中并沒(méi)有反射,所以突破口自然就在defineProperty方法里面,但是比較遺憾,我們看不到這個(gè)方法底層的源碼到底是怎么樣的,所以就不知道它對(duì)Name這個(gè)字段到底做了什么才可以動(dòng)態(tài)的導(dǎo)致它不可寫(xiě),只能根據(jù)理解去猜測(cè)js引擎可能會(huì)發(fā)生的行為。
相關(guān)文章
JavaScript結(jié)合canva實(shí)現(xiàn)簡(jiǎn)單的繪圖工具
這篇文章主要給大家介紹了如何使用JavaScript和HTML的Canvas標(biāo)簽創(chuàng)建一個(gè)簡(jiǎn)單的圖表工具,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-12-12
微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改view標(biāo)簽背景顏色功能示例【附demo源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改view標(biāo)簽背景顏色功能,涉及微信小程序事件響應(yīng)及數(shù)值運(yùn)算實(shí)現(xiàn)動(dòng)態(tài)設(shè)置view背景色樣式的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
防止頁(yè)面url緩存中ajax中post請(qǐng)求的處理方法
這篇文章主要介紹了防止頁(yè)面url緩存中ajax中post請(qǐng)求的處理方式的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-10-10
js控制一個(gè)按鈕是否可點(diǎn)擊(可使用)disabled的實(shí)例
下面小編就為大家?guī)?lái)一篇js控制一個(gè)按鈕是否可點(diǎn)擊(可使用)disabled的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
可能是全網(wǎng)最詳細(xì)小程序中使用echarts的教程
在開(kāi)發(fā)微信小程序時(shí),有需求需要使用到柱狀圖,餅圖等圖表,下面這篇文章主要給大家介紹了關(guān)于小程序中使用echarts的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
微信小程序之ES6與事項(xiàng)助手的功能實(shí)現(xiàn)
本篇文章主要介紹了微信小程序之ES6與事項(xiàng)助手的功能實(shí)現(xiàn),具有一定的參考價(jià)值,有興趣的同學(xué)可以了解一下。2016-11-11

