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'
也就是说，name这个属性的值为ghostwu, 但是不能修改这个值。writable为false的时候，
如果对这个属性name进行重新赋值(修改)在非严格模式下，赋值会被忽略，在严格模式下会报错.
当一个属性的描述符设置了[[Configurable]]？
"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
对于使用Object.defineProperty定义的对象，如果没有配置描述符的值，那么configurable,enumerable,writable默认值为false
以上是javascript物件導向屬性函數用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
