javascript面向对象属性函数用法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript面向对象属性函数用法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3723字，纯文字阅读大概需要6分钟。

内容图文

当一个属性的描述符设置了[[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面向对象属性函数用法的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的javascript面向对象属性函数用法全部内容，希望文章能够帮你解决javascript面向对象属性函数用法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端