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 相关文章推荐
基于jQuery判断两个元素是否有重叠部分的代码
Jul 25 Javascript
浅谈javascript 迭代方法
Jan 21 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
JS常用函数和常用技巧小结
Oct 15 Javascript
基于jQuery实现选项卡效果
Jan 04 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
JS控制下拉列表左右选择实例代码
May 08 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 19 Javascript
jQuery实现计算器功能
Oct 19 jQuery
js实现抽奖功能
Nov 24 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
Content-type 的说明
2006/10/09 PHP
jQuery select的操作实现代码
2009/05/06 Javascript
初识javascript 文档碎片
2010/07/13 Javascript
json格式的时间显示为正常年月日的方法
2013/09/08 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
轻松创建nodejs服务器(9):实现非阻塞操作
2014/12/18 NodeJs
jQuery如何获取动态添加的元素
2016/06/24 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
js轮盘抽奖实例分析
2020/04/17 Javascript
Node.js websocket使用socket.io库实现实时聊天室
2017/02/20 Javascript
vue+ElementUI实现订单页动态添加产品数据效果实例代码
2017/07/13 Javascript
vue界面发送表情的实现代码
2020/09/11 Javascript
详解Vue3.0 + TypeScript + Vite初体验
2021/02/22 Vue.js
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
python 通过麦克风录音 生成wav文件的方法
2019/01/09 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
python批量处理txt文件的实例代码
2020/01/13 Python
python selenium xpath定位操作
2020/09/01 Python
CSS中越界问题的经典解决方案【推荐】
2016/04/19 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
Fanatics法国官网:美国体育电商
2019/08/27 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
学生党员思想汇报范文
2014/01/09 职场文书
个人现实表现材料
2014/02/04 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
企业仓管员岗位职责
2014/06/15 职场文书
社区党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
银行竞聘报告范文
2014/11/06 职场文书
逃出克隆岛观后感
2015/06/09 职场文书
开网店计划分析
2019/07/30 职场文书
webpack的移动端适配方案小结
2021/07/25 Javascript
一文教你快速生成MySQL数据库关系图
2022/06/28 Redis