Vue学习笔记-Object.defineproperty函数

文章目录


前文提要

本人仅做个人学习记录,如有错误,请多包涵


Object.defineProperty作用

当在js中声明了一个变量,可以通过Object.defineProperty给已经确定属性的变量增加新的属性。

但是新增加的属性,如果没有经过修改,默认无法枚举(查询的时候有,但是无法出现在数组之中,例如Object.keys(person)中),无法被修改,无法被删除

除非特别设置

可以将enumerable设置为true来允许枚举,

将writable设置为true来允许修改,

将configurable来允许删除

Object.defineProperty参数

第一个参数是需要修改的变量,第二个是新增的属性,第三个是一个对象,里面有一系列的设置

使用例图

getter,也就是get函数

当有人查看了defineProperty这个这个函数这次修改的属性的时候,例如在控制台console输入person.age,getter会自动调用

setter,也就是set函数

当有人查看了defineProperty这个这个函数这次修改的属性的时候,例如在控制台console输入person.age = 20,setter会自动调用


至此,结束。

如果你觉得这篇文章写的不错,多多点赞~收藏吧!

相关推荐
charlie11451419115 分钟前
深入理解C/C++的编译链接技术6——A2:动态库设计基础之ABI设计接口
c语言·开发语言·c++·学习·动态库·函数
white-persist21 分钟前
【攻防世界】reverse | Reversing-x64Elf-100 详细题解 WP
c语言·开发语言·网络·python·学习·安全·php
love530love23 分钟前
【保姆级教程】Windows + Podman 从零部署 Duix-Avatar 数字人项目
人工智能·windows·笔记·python·数字人·podman·duix-avatar
源码技术栈29 分钟前
什么是云门诊系统、云诊所系统?
java·vue.js·spring boot·源码·门诊·云门诊
lcc18731 分钟前
Vue3 ref函数和reactive函数
前端·vue.js
艾小码33 分钟前
还在为组件通信头疼?defineExpose让你彻底告别传值烦恼
前端·javascript·vue.js
带只拖鞋去流浪37 分钟前
迎接2026,重新认识Vue CLI (v5.x)
前端·vue.js·webpack
Coder-coco38 分钟前
游戏助手|游戏攻略|基于SprinBoot+vue的游戏攻略系统小程序(源码+数据库+文档)
java·vue.js·spring boot·游戏·小程序·论文·游戏助手
草莓熊Lotso2 小时前
《算法闯关指南:动态规划算法--斐波拉契数列模型》--01.第N个泰波拉契数,02.三步问题
开发语言·c++·经验分享·笔记·其他·算法·动态规划
c***V3234 小时前
Vue优化
前端·javascript·vue.js