说说你对Object.defineProperty()的理解

2023-11-16

代码在最后

定义:Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象
Object.defineProperty(obj, prop, descriptor)

obj:要定义属性的对象
prop:要定义或修改的属性的名称或 Symbol
descriptor:要定义或修改的属性描述符
通常情况下,我们为对象的属性赋值,对象的属性可以进行修改或删除,通过描述符的设置可以进行更精准的控制对象属性。
 

Object.defineProperty(person,'age',{
	value:18, // 属性值
	enumerable:true, //控制属性是否可以枚举,默认值是false
	writable:true, //控制属性是否可以被修改,默认值是false
	configurable:true //控制属性是否可以被删除,默认值是false
})
  • enumerable:开启后可以在for…in中遍历
  • writable:开启后可以进行赋值修改
  • configurable:开启后可以使用delete删除此属性

在这里插入图片描述

在这里插入图片描述 除了这些属性,还有两个特殊的属性get和set

get 是获取值的时候的方法,类型为 function ,获取值的时候会被调用,不设置时为 undefined
(注意:get方法不能和value同时设置,只选其一)
set 是设置值的时候的方法,类型为 function ,设置值的时候会被调用,undefined 
(注意:set方法不能和writable同时设置,只选其一)

get或set不是必须成对出现,任写其一就可以
在这里插入图片描述

 

	let people = {
	 name: '张三',
	    sex: '男',
	}
	let Str = '徒手捏爆小行星'
	Object.defineProperty(people, 'merit', {
	    // value: '法外狂徒',
	    enumerable: true,
	    // writable: true,
	    configurable: true,
	    get() {
	        console.log('调用get');
	        return Str
	    },
	    set(value) {
	        console.log('调用set');
	        Str = value
	    }
	})
	console.log(people.merit, 'merit修改前');
	people.merit = '打工是不可能的!'
	console.log(people.merit, 'merit修改后');
	console.log('遍历key,验证enumerable属性是否开启');
	for (const i in people) {
	    console.log(people[i]);
	}
	console.log('删除merit');
	delete people.merit
	console.log(people.merit);

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

说说你对Object.defineProperty()的理解 的相关文章

随机推荐

  • IDEA打开一个项目时,idea左侧project模式下,不显示项目工程目录的解决方法

    在IDEA打开一个一个已有的项目chapter3时 idea左侧project模式下 左侧也没有project按钮 如下问题截图 ps 项目结构可以显示 但是src等目录不见 在网上查了一些方法 1 解决办法 方法1 找到 出错位置 修复
  • CV01-语义分割笔记和两个模型VGG & ResNet的笔记

    目录 一 语义分割 二 VGG模型 2 1 VGG特征提取部分 2 2 VGG图像分类部分 三 ResNet模型 3 1 为什么是ResNet 3 2 1 1卷积调整channel维度大小 3 3 ResNet里的BottleNeck 3
  • Mac 使用终端彻底格式化U盘

    最近U盘不知道怎么回事中毒了 不管是格式化 还是使用DiskGenius删除分区格式化都不好使 火绒等杀毒软件也败下阵来 于是高人指点 在Mac 下 用 zero 彻底覆盖所有扇区 好用了 膜拜 学习 1 插入U盘 看当前是disk几 使用
  • Altium Designer使用-----芯片焊盘之间的距离规则设定(AD6.9)

    设计 规则 Clearance 新建新规则 PadToPad 第一对象 高级的 询问 询问构建者 条件类型 Object Kind is 条件值 Pad 确定 第二对象 高级的 询问 询问构建者 条件类型 Object Kind is 条件
  • 逻辑回归中的损失函数的解释

    1 Logistic Regression 逻辑回归 逻辑回归是机器学习中的一个非常常见的模型 逻辑回归模型其实仅在线性回归的基础上 套用了一个逻辑函数 逻辑回归可以看做是两步 第一步和线性回归模型的形式相同 即一个关于输入x的线性函数 第
  • java有趣的技术分享ppt_【干货分享】盘点2020年流行的五大Java技术

    Java作为编程语言的老大 在编程语言排行榜一直占据前三地位 受到众多编程爱好者的追捧 再加上Java语言在各个领域的开发应用和高于其他行业的薪资待遇 使它成为许多零基础学习者的首选编程语言 为了帮助更多Java初学者 下面小编就和大家分享
  • 挑战利用ChatGPT写代码,真的能成功吗?

    使用姿势 1 由于ChatGPT的注册门槛较高 国内很多网站都是付费的或者有各种限制 我在 多御浏览器 中使用 无需注册就能免费体验ChatGPT 2 使用ChatGPT4 我的问题有些口水文 但是它依然能懂 设计一个表 支持树形结构 可以
  • VR原理讲解及开发入门

    本文是作者obuil根据多年心得专门为想要入门的VR开发者所写 由52VR网站提供支持 1 VR沉浸感和交互作用产生的原理 在之前 我们观看一个虚拟的创造内容是通过平面显示器的 52VR上次发布过一篇文章 一张图让你认识VR 在其中 你会看
  • python 安装scrapy是报错 building 'twisted.test.raiser' extension error: Microsoft Visual C++ 14.0 is req

    问题描述 在win7下 python 3 7 3 64位 在windows下 在dos中运行pip install Scrapy报错 building twisted test raiser extension error Microsof
  • 集群服务器安装时间同步服务(chrony)

    摘要 服务器之间的时间需要同步 但并不是所有机器可以直接连外网 这时可以用Chrony工具解决 解决方法是将其中一台设为时间服务器 然后其它服务器和这台时间服务器同步即可 chrony是两个用来维持计算机系统时钟准确性的程序 这两个程序命名
  • 表单页面美化(html、css)

    表单页面美化 html css 效果图片 实现代码 html部分就是平常的输入框 div class mainfont h1 在线预约 h1 div div class form div
  • OSW

    OSWatcher 工具 下载文档 Metalink Doc ID 301137 1 Oswatcher 主要用于监控主机资源 如CPU 内存 网络以及私有网络等 其中私有网络需要单独配置 需要说明的执行OSWatcher用户需要常见OS
  • 密码学概述

    一 密码学的起源与发展 密码学英文名称为Cryptography 密码学最为一门学科 是最近几十年开始迅速被人们重视和发展起来的 密码学往往与信息安全四个字精密的联系着 最早的密码学的 始祖 可以说是早在公元前几百年就已经出现了 当然 当时
  • 使用JDWP远程debug

    JDWP JDWP是Java Debug Wire Protocol 的缩写 它 定义了调试器 debugger 和被调试的Java虚拟机 target vm 之间的通信协议 SpringBoot debug 1 springboot框架搭
  • detr复现

    https github com IDEA Research detrex 先跑通 相关原理和代码后续解读
  • springboot不同版本整合elasticsearch

    使用springboot整合elasticsearch时候 需要注意版本的对应关系 不然问题会非常多 对应关系如下 springboot2 1整合 elasticsearch的两个方式 通过spring data es springboot
  • Typora软件下载与安装及使用技巧(保姆式教学)

    Typora的下载安装 当前 Typora 是一款支持实时预览的 Markdown 文本编辑器 深受广大程序员的喜爱 简洁明了 方便操作 下面来讲一下它的详细下载安装过程叭 下载安装过程 Typora的下载官网 https typoraio
  • 微信小程序云开发上传图片无法预览显示

    这是图片无法预览显示的情况 而且文件格式显示也不显示为图片格式 不要忘记要在起完名字后加上你希望的图片格式后缀名 加完之后就可以正常显示了
  • Linux链接脚本lds概述

    一 概论 ld 用来把一定量的目标文件跟档案文件链接在一起 并重新定位它们的数据 链接符号引用 一般编译一个程序时 最后一步就是运行ld进行链接 每一个链接过程都由链接脚本 linker script 一般以lds作为文件的后缀名 控制 链
  • 说说你对Object.defineProperty()的理解

    代码在最后 定义 Object defineProperty 方法会直接在一个对象上定义一个新属性 或者修改一个对象的现有属性 并返回此对象 Object defineProperty obj prop descriptor obj 要定义