您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

javascript面向对象属性函数用法

2025/1/18 9:41:46发布20次查看
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面向对象属性函数用法的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product