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 相关文章推荐
IE/FireFox具备兼容性的拖动代码
Aug 13 Javascript
JavaScript回调(callback)函数概念自我理解及示例
Jul 04 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 Javascript
jquery 显示*天*时*分*秒实现时间计时器
May 07 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
javascript关于继承解析
May 10 Javascript
真正好用的js验证上传文件大小的简单方法
Oct 27 Javascript
URL中“#” “?” &“”号的作用浅析
Feb 04 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
javascript实现数字配对游戏的实例讲解
Dec 14 Javascript
使用webpack将ES6转化ES5的实现方法
Oct 13 Javascript
vue-cli3 热更新配置操作
Sep 18 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 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
php编写一个简单的路由类
2011/04/13 PHP
PHP获取数组最大值下标的方法
2015/05/12 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
用Div仿showModalDialog模式菜单的效果的代码
2007/03/05 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
解决IE6的PNG透明JS插件使用介绍
2013/04/17 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
innerText 使用示例
2014/01/23 Javascript
jquery提交form表单时禁止重复提交的方法
2014/02/13 Javascript
js实现消息滚动效果
2017/01/18 Javascript
NodeJS实现微信公众号关注后自动回复功能
2017/05/31 NodeJs
bootstrap daterangepicker汉化以及扩展功能
2017/06/15 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
详解Vue微信授权登录前后端分离较为优雅的解决方案
2018/06/29 Javascript
vue安装遇到的5个报错及解决方法
2019/06/12 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
[46:12]完美世界DOTA2联赛循环赛 DM vs Matador BO2第一场 11.04
2020/11/04 DOTA
举例详解Python中的split()函数的使用方法
2015/04/07 Python
python 使用get_argument获取url query参数
2017/04/28 Python
详解python3中socket套接字的编码问题解决
2017/07/01 Python
Python字符串拼接的几种方法整理
2017/08/02 Python
Python 函数list&read&seek详解
2019/08/28 Python
Python基础类继承重写实现原理解析
2020/04/03 Python
Python 中的函数装饰器和闭包详解
2021/02/06 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
金融专业个人求职信
2013/09/22 职场文书
教师实习自我鉴定
2013/12/18 职场文书
环境科学专业求职信
2014/08/04 职场文书
计生工作先进事迹
2014/08/15 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书