javascript对象3个属性特征


Posted in Javascript onNovember 17, 2021

对象特征:

javascript对象3个属性特征

1、writable:可写

writable表示是否可以设置属性的值

let obj = {age:10}
obj.age = 1   // 给属性重新赋值
console.log(obj.age) //1

2、enumerable:可枚举

enumerable特性指是否可以在 for/in 循环中返回属性名字,默认自有属性和继承属性都可以枚举

let obj = {name:"zhang", age:20, sex:"男"}

let newObj = Object.create(obj)
newObj.height = 200

for(p  in newObj){
    console.log(p,"->", newObj[p])
}

输出:

height -> 200
name -> zhang
age -> 20
sex -> 男

3、configurable:可配置

configurable表示是否可通过delete删除属性

let obj = {name:"jim"}

delete obj.name  // 删除后该属性将不存在

console.log(obj.name)   //undefined

对象中的自有属性上面3个特性默认都是 true 。如果要修改这些特征的默认值,可以使用 Object.defineProperty() 方法。defineProperty 接收3个参数, 对象、要修改的属性名、特征值对象。

例如:如果要设置 sex 属性的 writable 为 false , 则可通过 defineProperty()方法来操作

let obj = {name:"zhang", age:20, sex:"男"}
Object.defineProperty(obj, "sex", {writable:false})
obj.sex = "女"
console.log(obj.sex) // 男

设置为writablefalse后,即使给sex属性重新赋值为 女 ,但是它的值还是原来的 男 ,可通过类似的操作配置属性的可枚举和可配置特性。

到此这篇关于javascript对象3个属性特征的文章就介绍到这了,更多相关javascript对象属性特征内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript使用cookie
Feb 02 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
javascript实现输出指定行数正方形图案的方法
Aug 03 Javascript
JS实现鼠标滑过显示边框的菜单效果
Sep 21 Javascript
jquery获取点击控件的绝对位置简单实例
Oct 13 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
Nginx 配置多站点vhost 的方法
Jan 07 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
vue 解决异步数据更新问题
Oct 29 Javascript
element中的$confirm的使用
Apr 26 Javascript
Nuxt配置Element-UI按需引入的操作方法
Jul 06 Javascript
详细聊聊浏览器是如何看闭包的
Vue3中的Refs和Ref详情
Nov 11 #Vue.js
react 路由Link配置详解
Nov 11 #Javascript
React Fragment介绍与使用详解
Nov 11 #Javascript
在js中修改html body的样式
Nov 11 #Javascript
用JS创建一个录屏功能
JavaScript数组 几个常用方法总结
Nov 11 #Javascript
You might like
php图片上传存储源码并且可以预览
2011/08/26 PHP
PHP导出EXCEL快速开发指南--PHPEXCEL的使用详解
2013/06/03 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
网页和浏览器兼容性问题汇总(draft1)
2009/06/01 Javascript
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
写出高效jquery代码的19条指南
2014/03/19 Javascript
JavaScript 学习笔记之基础中的基础
2015/01/13 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
SpringMVC restful 注解之@RequestBody进行json与object转换
2015/12/10 Javascript
JavaScript中对JSON对象的基本操作示例
2016/05/21 Javascript
jqGrid用法汇总(全经典)
2016/06/28 Javascript
jQuery上传插件webupload使用方法
2017/08/01 jQuery
详解10分钟学会vue滚动行为
2017/09/21 Javascript
前端MVVM框架解析之双向绑定
2018/01/24 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
[01:06:12]VP vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python实现字符串连接的三种方法及其效率、适用场景详解
2017/01/13 Python
Python实现图片转字符画的示例
2017/08/22 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
给keras层命名,并提取中间层输出值,保存到文档的实例
2020/05/23 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
使用html5 canvas 画时钟代码实例分享
2015/11/11 HTML / CSS
美国社交购物市场:MassGenie
2019/02/18 全球购物
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
幼儿教师研修感言
2014/02/12 职场文书
学校献爱心活动总结
2014/07/08 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
单位工作证明
2014/10/07 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
2015年党务公开工作总结
2015/05/19 职场文书
Django操作cookie的实现
2021/05/26 Python