JavaScript?對象新增方法defineProperty與keys的使用說明
文章導讀:
這篇文章給大家講解在 ES5 中對象新增的兩個常用方法:defineProperty(),keys(),
這兩個方法可以讓我們更方便的操作對象,獲取對象屬性,賦值修改等等操作,最重要的是,這些方法可以讓我們設置無法修改對象屬性值,下面跟我一起了解一下吧!
一:Object.defineProperty()
Object.defineProperty() 可以用來定義對象的新屬性和修改屬性值,設置屬性值是否可修改(重點)等等,該方法共有三個參數(shù)
1.1 參數(shù)說明
Object.defineProperty( obj, prop, descriptor )
參數(shù) | obj | prop | descriptor |
含義 | 要操作的對象名稱 | 對象中要操作的某個屬性的名稱 | 這個參數(shù)有四個特性,該參數(shù)以對象形式書寫,詳細寫法說明如下 |
1.2 第三個參數(shù) descriptor 的說明
其參數(shù)以對象形式書寫,其內(nèi)部有四個特性,例如修改值的操作,設置是否可重寫,設置是否可枚舉,是否可修改特性等等......
1.3 實際使用
1.3.1 writable 特性
writeable 特性可以設置一個屬性是否可被重寫,true 為可重寫,false 為不可重寫,使用 defineProperty 新添加的屬性默認為 false
<script> var dog={ 'name':'旺財', 'age':5 } Object.defineProperty(dog,'sex',{ value:'公', writable:false }) dog.sex='母' //更改屬性值看其是否改變 console.log(dog); </script>
可以看到我們雖然更改了 sex 的值,但是打印結(jié)果沒有被更改 ,說明 writable : false 屬性成功使其屬性值不能重寫,功能十分強大是不是!
注意事項:如果是使用 defineProperty 新添加的屬性,那么 writable 默認為 false 不可修改,如果是本身就有的屬性而去修改值,那其仍可以修改
1.3.2 enumerable 特性
enumerable 特性可以設置某個屬性是否可被枚舉,true 為可枚舉,false 為不可枚舉,使用 defineProperty 新添加的屬性默認為 false
<script> var dog={ 'name':'旺財', 'age':5 } Object.defineProperty(dog,'sex',{ value:'公', enumerable:false }) console.log(Object.keys(dog)); </script>
可以看到我們遍歷得不到設置過 enumerable:false 特性的屬性 sex,證明了 false 不可枚舉
注意事項:如果是使用 defineProperty 新添加的屬性,那么 enumerable 默認為 false 不可枚舉,如果是本身就有的屬性而去修改值,那其仍可以枚舉
1.3.3 configurable 特性
configurable 特性可以設置某個屬性是否可被修改(刪除),true 為可修改,false 為不可修改,使用 defineProperty 新添加的屬性默認為 false
configurable 特性的參數(shù)只能設置一次,第二次設置會無效??!
<script> var dog={ 'name':'旺財', 'age':5, } Object.defineProperty(dog,'sex',{ value:'公', configurable : false }) delete dog.sex console.log(dog); </script>
可以看到我們刪除不了設置過 configurable:false 特性的屬性 sex,證明了 false 不可修改
注意事項:如果是使用 defineProperty 新添加的屬性,那么 configurable 默認為 false 不可修改,如果是本身就有的屬性而去修改值,那其仍可以修改
二:Object.keys()
keys() 可以用來獲取對象的屬性名,參數(shù)為要操作的對象名稱。其返回一個數(shù)組元素為屬性名的新數(shù)組(故需要定義一個數(shù)組去接收)
Object.keys( obj )
<script> var dog={ 'name':'旺財', 'age':5, 'sex':'公' } var arr=Object.keys(dog) console.log(arr); </script>
成功返回了對象的屬性名稱
到此這篇關于JavaScript 對象新增方法 defineProperty 與 keys 的使用說明的文章就介紹到這了,更多相關JS defineProperty與keys 內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
微信小程序?qū)崿F(xiàn)導航欄和內(nèi)容上下聯(lián)動功能代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)導航欄和內(nèi)容上下聯(lián)動功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06小程序?qū)崿F(xiàn)新用戶判斷并跳轉(zhuǎn)激活的方法
這篇文章主要介紹了小程序?qū)崿F(xiàn)新用戶判斷并跳轉(zhuǎn)激活的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-05-05uniapp實現(xiàn)下拉刷新的幾種方式小結(jié)
原生的uniapp的下拉刷新是一個普通的加載框,樣式真的很單一,下面這篇文章主要總結(jié)介紹了uniapp實現(xiàn)下拉刷新的幾種方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-02-02快速解決select2在bootstrap模態(tài)框中下拉框隱藏的問題
今天小編就為大家分享一篇快速解決select2在bootstrap模態(tài)框中下拉框隱藏的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08JavaScript 實現(xiàn)模態(tài)對話框 源代碼大全
對話框在Windows應用程序中使用非常普遍,許多應用程序的設定,與用戶交互需要通過對話框來進行,因此對話框是Windows應用程序中最重要的界面元素之一,是與用戶交互的重要手段。2009-05-05