如何限制JS對(duì)象屬性的配置

JavaScript里對(duì)象的屬性是公開(kāi)的,一般是不受保護(hù)的,即屬性的修改/ 添加 / 添加不受限制久信,但是在一些應(yīng)用情境下,又需要對(duì)對(duì)象的屬性做一些限制裙士。

第一種情況:對(duì)屬性的修改入客、增加、刪除做限制

Object.preventExtensions()

  • 限制了不能向?qū)ο笾行绿砑訉傩院头椒?/li>
  • 但可以修改對(duì)象中存在的屬性腿椎,也可以刪除原有屬性和方法

Object.isExtensible():可以確定對(duì)象是否為可篡改痊项,如果可篡改,則返回true酥诽,相反返回false鞍泉。

Object.seal()

密封對(duì)象

  • 不能新添加屬性、不能刪除屬性肮帐。擁有了不可擴(kuò)展對(duì)象的特性咖驮。
  • 但可以修改屬性

Object.isSealed():判斷是否為密封對(duì)象/對(duì)象屬性可否修改

Object.freeze()

凍結(jié)對(duì)象

  • 不可擴(kuò)展的:不能增加或刪除屬性
  • 也是密封的:不能修改屬性值

Object.defineProperty()

該方法的第三個(gè)參數(shù):設(shè)置屬性描述性
將第三個(gè)參數(shù)設(shè):writable: falseconfigurable: false
以此將該屬性設(shè)置為 不可寫(xiě)不可配置

Proxy

Proxy :代理,可以在外界訪問(wèn)對(duì)象時(shí) 做攔截训枢。
利用 Proxy對(duì)象 可以 限制對(duì)象增加/刪除/修改 屬性
利用 proxy 對(duì)象的第二個(gè)參數(shù):配置對(duì)象 做相應(yīng)的配置

  • 限制增加和修改屬性:set 方法里做限制
  • 限制刪除屬性:deleteProperty

第二種情況:具體配置對(duì)象屬性

上面提到的四種方法只是針對(duì)防止屬性的修改/增加/刪除托修,并無(wú)涉及如何對(duì)屬性做具體的配置,以下則是具體的如何對(duì)JS對(duì)象增加 getter 和 setter 恒界,即獲取屬性和修改屬性時(shí)的 操作

Object.create()

這個(gè)方法可創(chuàng)造一個(gè)對(duì)象睦刃,可以指定它的原型和一些屬性
Object.create(proto, [ propertiesObject ])
第一個(gè)參數(shù):傳入一個(gè)對(duì)象,創(chuàng)建的新對(duì)象以這個(gè)對(duì)象為原型
第二個(gè)參數(shù):可配置屬性十酣,也是一個(gè)對(duì)象
???????????????????????對(duì)象的屬性名稱:想要進(jìn)行配置的屬性涩拙;
????????????????????????屬性值:屬性描述符,在這里對(duì)屬性做配置耸采。

屬性描述符:是來(lái)描述屬性的特征的兴泥。
setter和getter 是函數(shù)對(duì),針對(duì)屬性的獲取和設(shè)置時(shí)的功能
writable:來(lái)設(shè)置屬性可寫(xiě)不可寫(xiě)的虾宇,為true或者false;
configurable:設(shè)置屬性可否配置的
enumerable: 設(shè)置屬性可否枚舉
注:若想判斷屬性描述符的特征(可否寫(xiě)可否配置可否枚舉等…):
Object.getOwnPropertyDescriptor(obj, prop)

Object.defineProperty()

Object.defineProperty(obj, prop, descriptor)
第一個(gè)參數(shù)是要配置屬性的那個(gè)對(duì)象搓彻,
第二個(gè)參數(shù):要配置的屬性,
第三個(gè)參數(shù):屬性描述符

Object.defineProperties

類似 Object.defineProperty嘱朽,
和 Object.defineProperty 區(qū)別:前者可配置多個(gè)屬性旭贬,后者是配置一個(gè)屬性

利用對(duì)象的defineGetterdefineSetter 方法

(注:該這兩個(gè)方法IE不支持)
定義了對(duì)象后,就可以用這兩個(gè)方法來(lái)定位 setter 和 getter 方法

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末搪泳,一起剝皮案震驚了整個(gè)濱河市稀轨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌森书,老刑警劉巖靶端,帶你破解...
    沈念sama閱讀 218,036評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谎势,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡杨名,警方通過(guò)查閱死者的電腦和手機(jī)脏榆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)台谍,“玉大人须喂,你說(shuō)我怎么就攤上這事〕萌铮” “怎么了坞生?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,411評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)是己。 經(jīng)常有香客問(wèn)我任柜,道長(zhǎng),這世上最難降的妖魔是什么宙地? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,622評(píng)論 1 293
  • 正文 為了忘掉前任参袱,我火速辦了婚禮,結(jié)果婚禮上抹蚀,老公的妹妹穿的比我還像新娘风纠。我一直安慰自己牢贸,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布臭增。 她就那樣靜靜地躺著誊抛,像睡著了一般整陌。 火紅的嫁衣襯著肌膚如雪瞎领。 梳的紋絲不亂的頭發(fā)上九默,一...
    開(kāi)封第一講書(shū)人閱讀 51,521評(píng)論 1 304
  • 那天宾毒,我揣著相機(jī)與錄音,去河邊找鬼乙各。 笑死幢竹,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的妇萄。 我是一名探鬼主播,決...
    沈念sama閱讀 40,288評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼冠句,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼懦底!你這毒婦竟也來(lái)了罕扎?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,200評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤杆查,失蹤者是張志新(化名)和其女友劉穎臀蛛,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體客峭,經(jīng)...
    沈念sama閱讀 45,644評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡抡柿,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評(píng)論 3 336
  • 正文 我和宋清朗相戀三年洲劣,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了课蔬。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片购笆。...
    茶點(diǎn)故事閱讀 39,953評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖同欠,靈堂內(nèi)的尸體忽然破棺而出横缔,到底是詐尸還是另有隱情,我是刑警寧澤襟锐,帶...
    沈念sama閱讀 35,673評(píng)論 5 346
  • 正文 年R本政府宣布粮坞,位于F島的核電站,受9級(jí)特大地震影響莫杈,放射性物質(zhì)發(fā)生泄漏奢入。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評(píng)論 3 329
  • 文/蒙蒙 一关顷、第九天 我趴在偏房一處隱蔽的房頂上張望武福。 院中可真熱鬧,春花似錦捉片、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,889評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)说铃。三九已至嘹履,卻和暖如春债热,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背焕刮。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,011評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工配并, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人溉旋。 一個(gè)月前我還...
    沈念sama閱讀 48,119評(píng)論 3 370
  • 正文 我出身青樓观腊,卻偏偏與公主長(zhǎng)得像算行,于是被迫代替她去往敵國(guó)和親梧油。 傳聞我的和親對(duì)象是個(gè)殘疾皇子州邢,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 10,970評(píng)論 6 13
  • 來(lái)自深入理解ES6第十二章迄委,由于最近業(yè)務(wù)中經(jīng)常用到类少,記錄一下 這里內(nèi)容都太學(xué)術(shù)了,有一篇簡(jiǎn)單介紹Proxy作用的文...
    NowhereToRun閱讀 1,010評(píng)論 0 1
  • 函數(shù)和對(duì)象 1信轿、函數(shù) 1.1 函數(shù)概述 函數(shù)對(duì)于任何一門語(yǔ)言來(lái)說(shuō)都是核心的概念财忽。通過(guò)函數(shù)可以封裝任意多條語(yǔ)句,而且...
    道無(wú)虛閱讀 4,564評(píng)論 0 5
  • Proxy 概述 Proxy 用于修改某些操作的默認(rèn)行為即彪,等同于在語(yǔ)言層面做出修改隶校,所以屬于一種“元編程”(met...
    pauljun閱讀 3,251評(píng)論 0 1
  • 功能 內(nèi)置谷歌助手:1)實(shí)施:觸摸控制點(diǎn)按右耳耳機(jī):激活語(yǔ)音助手移開(kāi)手指:關(guān)閉助手單按一下:暫停音樂(lè)播放向前滑動(dòng):...
    Touchhg閱讀 4,357評(píng)論 0 0