defineProperty用于設(shè)置一個(gè)對(duì)象的屬性值和描述符，描述符有4個(gè)：[[Configurable]], [[Enumerable]], [[Writable]],[[Value]]

當(dāng)一個(gè)屬性的描述符設(shè)置了[[Writable]]，是什么意思呢？

1 "use strict"; 2 var person = {}; 3 Object.defineProperty( person, "name", { 4 writable : false, 5 value : 'ghostwu' 6 } ); 7 console.log( person.name ); //ghostwu 8 person.name = "this is ghostwu"; 9 console.log( person.name );//ghostwu defineProperty為person對(duì)象，添加一個(gè)name屬性,兩個(gè)屬性描述符:

• writeble屬性: false:不可寫 true: 可寫

• value屬性: 'ghostwu'

也就是說(shuō)，name這個(gè)屬性的值為ghostwu, 但是不能修改這個(gè)值。writable為false的時(shí)候，
如果對(duì)這個(gè)屬性name進(jìn)行重新賦值(修改)在非嚴(yán)格模式下，賦值會(huì)被忽略，在嚴(yán)格模式下會(huì)報(bào)錯(cuò).

當(dāng)一個(gè)屬性的描述符設(shè)置了[[Configurable]]？ 1 // "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 );//ghostwu 10 11 Object.defineProperty( person, "name", { 12 configurable : true, //報(bào)錯(cuò) 13 value : 'ghostwu' 14 } );

defineProperty為person對(duì)象，添加一個(gè)name屬性,

• configurable屬性: false:不可配置 true: 可配置
• value屬性: 'ghostwu'

也就是說(shuō)，name這個(gè)屬性的值為ghostwu, 但是不能刪除這個(gè)值,
configurable為false的時(shí)候，如果刪除name屬性，在非嚴(yán)格模式下，刪除操作會(huì)被忽略，在嚴(yán)格模式下會(huì)報(bào)錯(cuò)

而且如果對(duì)一個(gè)設(shè)置了configurable為false的屬性，想把它重新改為true，會(huì)報(bào)錯(cuò)， 如上例12行

當(dāng)一個(gè)屬性的描述符設(shè)置了[[Enumerable]]？

1 // "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: 22 14 }); 15 16 /* 17 name--->ghostwu 18 age--->22 19 */ 20 for( var i in person ){ 21 console.log( i + '--->' + person[i] ); 22 }

?

defineProperty為person對(duì)象，添加3個(gè)屬性,name,age,sex. ?enumerable屬性: false:不可枚舉 true: 可枚舉
也就是說(shuō)一個(gè)屬性，如果他的enumerable的值為false，那么這個(gè)屬性是不能被for...in遍歷(循環(huán)/枚舉)
如上例, sex設(shè)置為不可枚舉, 所以for..in不會(huì)把他枚舉出來(lái)

Object.getOwnPropertyDescriptor()方法：可以取得給定屬性的描述符, 這個(gè)方法支持2個(gè)參數(shù), 參數(shù)1：屬性所在的對(duì)象. 參數(shù)2 : 屬性名稱。返回值為一個(gè)對(duì)象

1 var person = { 2 name : 'ghostwu', 3 age : 22, 4 }; 5 var descriptor = Object.getOwnPropertyDescriptor( person, "name" ); 6 console.log( descriptor.configurable ); //true 7 console.log( descriptor.enumerable ); //true 8 console.log( descriptor.writable ); //true 9 console.log( descriptor.value ); //ghostwu

對(duì)于沒(méi)有使用Object.defineProperty定義的對(duì)象. 他們的描述符: configurable,enumerable,writable默認(rèn)值都為true.

1 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 ); //false 10 console.log( descriptor2.writable ); //false 11 console.log( descriptor2.value ); //ghostwu 對(duì)于使用Object.defineProperty定義的對(duì)象，如果沒(méi)有配置描述符的值，那么configurable,enumerable,writable默認(rèn)值為false

轉(zhuǎn)載于:https://www.cnblogs.com/ghostwu/p/7395649.html

總結(jié)

以上是生活随笔為你收集整理的javascript面向对象属性函数用法(defineProperty与getOwnPropertyDescriptor)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。