首頁 > web前端 > js教程 > javascript物件導向屬性函數用法

javascript物件導向屬性函數用法

大家讲道理
發布: 2017-08-19 10:06:34
原創
1547 人瀏覽過

defineProperty用來設定一個物件的屬性值和描述符,描述符有4個:[[Configurable]], [[Enumerable]], [[Writable]],[[Value]]

#當一個屬性的描述子設定了[[Writable]],是什麼意思呢?

1         "use strict";2         var person = {};3         Object.defineProperty( person, "name", {4             writable : false,5             value : 'ghostwu'6         } );7         console.log( person.name ); //ghostwu8         person.name = "this is ghostwu";9         console.log( person.name );//ghostwu
登入後複製

defineProperty为person对象,添加一个name属性,两个属性描述符:
登入後複製
  • #writeble屬性: false:不可寫true: 可寫

  • #value屬性: 'ghostwu'

#
<span style="font-size: 16px">也就是说,name这个属性的值为ghostwu, 但是不能修改这个值。writable为false的时候,</span><br><span style="font-size: 16px">如果对这个属性name进行重新赋值(修改)在非严格模式下,赋值会被忽略,在严格模式下会报错.</span><br><br><span style="font-size: 16px"><strong>当一个属性的描述符设置了[[Configurable]]?</strong></span>
登入後複製

     "use strict"; 2         var person = {}; 3         Object.defineProperty( person, "name", { 4             configurable : false, 5             value : 'ghostwu' 6         } ); 7         console.log( person.name ); //ghostwu 8         delete person.name; 9         console.log( person.name );//ghostwu10 11         Object.defineProperty( person, "name", {12             configurable : true,  //报错13             value : 'ghostwu'14         } );
登入後複製

defineProperty為person對象,新增一個name屬性,

  • configurable屬性: false:不可設定true: 可設定

  • value屬性: 'ghostwu'

也就是說,name這個屬性的值為ghostwu, 但是不能刪除這個值,
configurable為false的時候,如果刪除name屬性,在非嚴格模式下,刪除操作會被忽略,在嚴格模式下會報錯

而且如果對一個設定了configurable為false的屬性,想把它重新改為true,會報錯, 如上例12行

#當一個屬性的描述子設定了[[Enumerable]]?

     "use strict"; 2         var person = {}; 3         Object.defineProperty(person, "name", { 4             enumerable: true, 5             value: 'ghostwu' 6         }); 7         Object.defineProperty(person, "sex", { 8             enumerable: false, 9             value: 'man'10         });11         Object.defineProperty(person, "age", {12             enumerable: true,13             value: 2214         });15 16         /*17             name--->ghostwu18             age--->2219         */20         for( var i in person ){21             console.log( i + '--->' + person[i] );22         }
登入後複製

 

defineProperty為person對象,新增3個屬性,name,age,sex.  enumerable屬性: false:不可枚舉true: 可枚舉
也就是說一個屬性,如果他的enumerable的值為false,那麼這個屬性是不能被for...in遍歷(循環/枚舉)
  如上例, sex設定為不可枚舉, 所以for..in不會把他枚舉出來

Object.getOwnPropertyDescriptor()方法:可以取得給定屬性的描述符, 這個方法支援2個參數,參數1:屬性所在的物件. 參數2 : 屬性名稱。傳回值為一個物件

     var person = {2             name : 'ghostwu',3             age : 22,4         };5         var descriptor = Object.getOwnPropertyDescriptor( person, "name" );6         console.log( descriptor.configurable ); //true7         console.log( descriptor.enumerable ); //true8         console.log( descriptor.writable ); //true9         console.log( descriptor.value ); //ghostwu
登入後複製

對於沒有使用Object.defineProperty定義的物件. 他們的描述符: configurable,enumerable,writable預設值都為true.

       var person2 = { 2         } 3         Object.defineProperty( person2, "name", { 4             value : 'ghostwu' 5         }); 6  7         var descriptor2 = Object.getOwnPropertyDescriptor( person2, "name" ); 8         console.log( descriptor2.configurable ); //false 9         console.log( descriptor2.enumerable ); //false10         console.log( descriptor2.writable ); //false11         console.log( descriptor2.value ); //ghostwu
登入後複製

<span style='font-family: "Microsoft YaHei"; font-size: 16px'>对于使用Object.defineProperty定义的对象,如果没有配置描述符的值,那么configurable,enumerable,writable默认值为false</span><br><br>
登入後複製

以上是javascript物件導向屬性函數用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板