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 相关文章推荐
XP折叠菜单&仿QQ2006菜单
Dec 16 Javascript
ie和firefox中img对象区别的困惑
Dec 27 Javascript
JS动态调用方法名示例介绍
Dec 18 Javascript
JS按回车键实现登录的方法
Aug 25 Javascript
jQuery级联操作绑定事件实例
Sep 02 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
vue.js 2.0实现简单分页效果
Jul 29 Javascript
vue 更改连接后台的api示例
Nov 11 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 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程序--记数器
2006/10/09 PHP
PHP中文汉字验证码
2007/04/08 PHP
php动态绑定变量的用法
2015/06/16 PHP
tp5递归 无限级分类详解
2019/10/18 PHP
JavaScript在XHTML中的用法详解
2013/04/11 Javascript
得到form下的所有的input的js代码
2013/11/07 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
JavaScript实现审核流程状态的动态显示进度条
2017/03/15 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
JS获取月的第几周和年的第几周实例代码
2018/12/05 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
[01:14]2014DOTA2展望TI 剑指西雅图newbee战队专访
2014/06/30 DOTA
Python库urllib与urllib2主要区别分析
2014/07/13 Python
简单的编程0基础下Python入门指引
2015/04/01 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
Python之NumPy(axis=0 与axis=1)区分详解
2019/05/27 Python
Django Celery异步任务队列的实现
2019/07/24 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
您的网上新华书店:文轩网
2016/08/24 全球购物
法院先进个人事迹材料
2014/05/04 职场文书
励志演讲稿800字
2014/08/21 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
python运行脚本文件的三种方法实例
2022/06/25 Python