快捷導(dǎo)航

Javascript writable特性介紹

更新時(shí)間：2015年02月27日 11:21:33 作者：huangxincheng

這篇文章主要介紹了Javascript writable特性介紹,本文用淺顯易懂的語言講解了writable的特性,需要的朋友可以參考下

　　說起js中的那些特性標(biāo)記，總覺得有些怪怪的，那為什么要說到這個(gè)attribute，起源于對一個(gè)問題的疑問，我們都知道window對象其實(shí)就是

瀏覽器窗口的一個(gè)實(shí)例，既然是一個(gè)實(shí)例，那這個(gè)實(shí)例就應(yīng)該有“屬性”和“方法“，比如下面這樣：

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

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

結(jié)果還是可想而知，我并沒有成功修改undefined的值，那為什么會(huì)這樣呢？沒有道理呀，它又不是上一篇所說的包裝類型，但我們不得不尊重結(jié)果，這就說明js底層肯定是做了些什么才會(huì)導(dǎo)致這樣的結(jié)果，其實(shí)在底層js默認(rèn)用了Writable=false標(biāo)記才讓undefined屬性不可寫入，下面具體看看。

一：[Writable]特性

　　說到屬性是否可寫，也許你會(huì)聯(lián)想到C#中的get/set訪問器，又或者是readonly關(guān)鍵字，下面你肯定會(huì)感興趣我應(yīng)該怎么做到屬性的只讀操作。在js中你只要使用defineProperty方法就可以了。

從上面的例子中可以看到三點(diǎn)好玩的東西：

<1>: 我使用了defineProperty方法將person.name變成了只讀字段，那有人要說了，這明明是方法，怎么會(huì)是特性，特性在我的思維里面就是

【xxx】模式，所以這就是js的不同之處，畢竟js沒有語法糖，所以定義特性只能是通過底層公開的方法來定義，也就是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è)無效操作。

看完了這些我覺的你應(yīng)該明白了，為什么undifined不能delete和update了。都是標(biāo)記做的怪，是不是覺得很有意思？

<3>：下一個(gè)值得思考的問題就是js引擎到底是怎么做到的，在C#里面也是有Atrribute，并且這個(gè)Atrribute被編譯器編譯后會(huì)記錄到元數(shù)據(jù)中，然后你就可以放心大膽的使用反射來獲取你的Atrribute中的任何值，比如說Serializable序列化類，它就是告訴SerializableFormat怎么去反射讀取類，哪些字段可以序列化，哪些不可以，不可以的你需要用NonSerialized標(biāo)記。

復(fù)制代碼代碼如下:

 [Serializable]

     public class Test

     {

         [NonSerialized]

         public string Name;

    }

從圖中可以看到IL中已經(jīng)記錄了Name為notserialized特性了，我們知道js中并沒有反射，所以突破口自然就在defineProperty方法里面，但是比較遺憾，我們看不到這個(gè)方法底層的源碼到底是怎么樣的，所以就不知道它對Name這個(gè)字段到底做了什么才可以動(dòng)態(tài)的導(dǎo)致它不可寫，只能根據(jù)理解去猜測js引擎可能會(huì)發(fā)生的行為。