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 相关文章推荐
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
JavaScript程序中的流程控制语句用法总结
May 23 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
react-native-fs实现文件下载、文本存储的示例代码
Sep 22 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
js实现单张图片平移切换效果
Oct 11 Javascript
vue2中的keep-alive使用总结及注意事项
Dec 21 Javascript
vue 实现剪裁图片并上传服务器功能
Mar 01 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
Jul 13 Javascript
vue子传父关于.sync与$emit的实现
Nov 05 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
example1.php
2006/10/09 PHP
一个php作的文本留言本的例子(四)
2006/10/09 PHP
PHP循环结构实例讲解
2014/02/10 PHP
php警告Creating default object from empty value 问题的解决方法
2014/04/02 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
js 蒙版进度条(结合图片)
2010/03/10 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
jQuery如何封装输入框插件
2016/08/19 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
分享十三个最佳JavaScript数据网格库
2017/04/07 Javascript
javascript深拷贝的原理与实现方法分析
2017/04/10 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
Angular封装搜索框组件操作示例
2019/04/25 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
2019/11/13 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
下载安装setuptool和pip linux安装pip    
2014/01/24 Python
Python查询阿里巴巴关键字排名的方法
2015/07/08 Python
Saltstack快速入门简单汇总
2016/03/01 Python
python算法演练_One Rule 算法(详解)
2017/05/17 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
Python实现报警信息实时发送至邮箱功能(实例代码)
2019/11/11 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
Python使用cn2an实现中文数字与阿拉伯数字的相互转换
2021/03/02 Python
ECCO爱步美国官网:来自丹麦的鞋履品牌
2016/11/23 全球购物
银行领导证婚词
2014/01/11 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
学习党的群众路线剖析材料
2014/10/09 职场文书
大学生学期个人总结
2015/02/12 职场文书
怎样写家长意见
2015/06/04 职场文书