您现在的位置是:网站首页> 编程资料编程资料
JavaScript 对象新增方法defineProperty与keys的使用说明_javascript技巧_
2023-05-24
280人已围观
简介 JavaScript 对象新增方法defineProperty与keys的使用说明_javascript技巧_
文章导读:
这篇文章给大家讲解在 ES5 中对象新增的两个常用方法:defineProperty(),keys(),
这两个方法可以让我们更方便的操作对象,获取对象属性,赋值修改等等操作,最重要的是,这些方法可以让我们设置无法修改对象属性值,下面跟我一起了解一下吧!
一:Object.defineProperty()
Object.defineProperty() 可以用来定义对象的新属性和修改属性值,设置属性值是否可修改(重点)等等,该方法共有三个参数
1.1 参数说明
Object.defineProperty( obj, prop, descriptor )
| 参数 | obj | prop | descriptor |
| 含义 | 要操作的对象名称 | 对象中要操作的某个属性的名称 | 这个参数有四个特性,该参数以对象形式书写,详细写法说明如下 |
1.2 第三个参数 descriptor 的说明
其参数以对象形式书写,其内部有四个特性,例如修改值的操作,设置是否可重写,设置是否可枚举,是否可修改特性等等......

1.3 实际使用
1.3.1 writable 特性
writeable 特性可以设置一个属性是否可被重写,true 为可重写,false 为不可重写,使用 defineProperty 新添加的属性默认为 false

可以看到我们虽然更改了 sex 的值,但是打印结果没有被更改 ,说明 writable : false 属性成功使其属性值不能重写,功能十分强大是不是!
注意事项:如果是使用 defineProperty 新添加的属性,那么 writable 默认为 false 不可修改,如果是本身就有的属性而去修改值,那其仍可以修改
1.3.2 enumerable 特性
enumerable 特性可以设置某个属性是否可被枚举,true 为可枚举,false 为不可枚举,使用 defineProperty 新添加的属性默认为 false

可以看到我们遍历得不到设置过 enumerable:false 特性的属性 sex,证明了 false 不可枚举
注意事项:如果是使用 defineProperty 新添加的属性,那么 enumerable 默认为 false 不可枚举,如果是本身就有的属性而去修改值,那其仍可以枚举
1.3.3 configurable 特性
configurable 特性可以设置某个属性是否可被修改(删除),true 为可修改,false 为不可修改,使用 defineProperty 新添加的属性默认为 false
configurable 特性的参数只能设置一次,第二次设置会无效!!

可以看到我们删除不了设置过 configurable:false 特性的属性 sex,证明了 false 不可修改
注意事项:如果是使用 defineProperty 新添加的属性,那么 configurable 默认为 false 不可修改,如果是本身就有的属性而去修改值,那其仍可以修改
二:Object.keys()
keys() 可以用来获取对象的属性名,参数为要操作的对象名称。其返回一个数组元素为属性名的新数组(故需要定义一个数组去接收)
Object.keys( obj )

成功返回了对象的属性名称
到此这篇关于JavaScript 对象新增方法 defineProperty 与 keys 的使用说明的文章就介绍到这了,更多相关JS defineProperty与keys 内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
相关内容
- 在nodejs中使用swagger方式_node.js_
- 简单谈一谈Vue中render函数_vue.js_
- Vue实现递归组件的思路与示例代码_vue.js_
- 不能通过IP地址访问VUE项目的问题及解决_vue.js_
- Node.js 应用探索文件解压缩示例详解_node.js_
- Javascript实用方法之json合并的场景分析_javascript技巧_
- Vue判断字符串(或数组)中是否包含某个元素的多种方法_vue.js_
- vue3中实现使用element-plus调用message_vue.js_
- Vue3后台管理系统之创建和配置项目_vue.js_
- 深入了解Javascript的事件循环机制_javascript技巧_
