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 日期常用的方法
Nov 11 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
May 06 Javascript
js删除所有的cookie的代码
Nov 25 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
谈谈impress.js初步理解
Sep 09 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
JavaScript门面模式详解
Oct 19 Javascript
Angular实现点击按钮后在上方显示输入内容的方法
Dec 27 Javascript
bootstrap table插件动态加载表头
Jul 19 Javascript
js实现直播点击飘心效果
Aug 19 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用正则表达式匹配中文实例详解
2013/11/06 PHP
Yii把CGridView文本框换成下拉框的方法
2014/12/03 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
Javascript 面试题随笔
2011/03/31 Javascript
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
js与C#进行时间戳转换
2014/11/14 Javascript
JS实现超过长度限制后自动跳转下一款文本框的方法
2015/02/23 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
js获取鼠标位置实例详解
2015/12/09 Javascript
SpringMVC返回json数据的三种方式
2015/12/10 Javascript
使用node+vue.js实现SPA应用
2016/01/28 Javascript
基于Javascript实现倒计时功能
2016/02/22 Javascript
jQuery可见性过滤选择器用法示例
2016/09/09 Javascript
jQuery 常见小例汇总
2016/12/14 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
Vue 3自定义指令开发的相关总结
2021/01/29 Vue.js
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
简单谈谈Python中的json与pickle
2017/07/19 Python
python编写朴素贝叶斯用于文本分类
2017/12/21 Python
使用Python设计一个代码统计工具
2018/04/04 Python
pycharm 主题theme设置调整仿sublime的方法
2018/05/23 Python
Python图片转换成矩阵,矩阵数据转换成图片的实例
2018/07/02 Python
python创造虚拟环境方法总结
2019/03/04 Python
python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)
2019/04/18 Python
原生python实现knn分类算法
2019/10/24 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
Python使用pyenv实现多环境管理
2021/02/05 Python
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
学习党课思想汇报
2013/12/29 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
大学校园招聘会感想
2015/08/10 职场文书
Django实现翻页的示例代码
2021/05/24 Python