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 检测、添加、移除样式(className)函数代码
Sep 08 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
Dec 03 Javascript
可插入图片的TEXT文本框
Dec 27 Javascript
Bootstrap的modal拖动效果
Dec 25 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
Feb 20 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
JQuery常见节点操作实例分析
May 15 jQuery
微信小程序实现抖音播放效果的实例代码
Apr 11 Javascript
jQuery编写QQ简易聊天框
Aug 27 jQuery
详细聊聊浏览器是如何看闭包的
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中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
基于PHP常用函数的用法详解
2013/05/10 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
使用PHPMailer实现邮件发送代码分享
2014/10/23 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
对联广告js flash激活
2006/10/19 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
Javascript连接多个数组不用concat来解决
2014/03/24 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
深入理解JavaScript中的对象复制(Object Clone)
2016/05/18 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
jQuery悬停文字提示框插件jquery.tooltipster.js用法示例【附demo源码下载】
2016/07/19 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
jQuery ajaxForm()的应用
2016/10/14 Javascript
angular.js实现购物车功能
2017/10/23 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
vue 表单验证按钮事件交由父组件触发的方法
2018/12/17 Javascript
JS实现点星星消除小游戏
2020/03/24 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
JS实现数据动态渲染的竖向步骤条
2020/06/24 Javascript
Vue通过provide inject实现组件通信
2020/09/03 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
详细解读Python中的__init__()方法
2015/05/02 Python
基于python socketserver框架全面解析
2017/09/21 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
python使用socket实现的传输demo示例【基于TCP协议】
2019/09/24 Python
基于Python解密仿射密码
2019/10/21 Python
Timberland德国官网:靴子、鞋子、衣服、夹克及配件
2019/12/10 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
大学生职业生涯规划范文
2014/01/08 职场文书
优秀教师主要事迹
2014/02/01 职场文书
人力资源主管职责范本
2014/03/05 职场文书