Object.defineProperty

若需要为某个对象添加属性或者修改属性时，配置其属性描述符，可以用Object.defineProperty方法。

 
Object.defineProperty(obj, prop, descriptor)
1
2

obj

要定义属性的对象。

prop

要定义或修改的属性的名称或 Symbol 。

descriptor

要定义或修改的属性描述符。

属性描述运算符有下面的：
value: 属性值，
configurable: 表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性，默认值为false

enumerable：表示能否通过for in循环访问属性，默认值为false

writable：表示能否修改属性的值。默认值为false。

get：在读取属性时调用的函数，默认值是undefined
set：在写入属性的时候调用的函数，默认值是undefined
属性描述符中，若配置了上面的set 和set中任何一个属性，则不是普通属性，变成了存储器属性。
get和set均为函数，若一个属性是存取器属性，则读取该属性时，会运行get ，将get方法的返回值作为属性值，若给该属性赋值，则会运行set方法。

存取器属性最大意义可以控制属性的读取和赋值
例子：

 let obj ={
            b:2
        }
        // 存取器属性不是在内存空间中，
        Object.defineProperty(obj,'a',{
            get(){
                console.log("运行了a的get函数");
            },
            set(val){
                console.log("运行了a的set函数",val);
            }
        })
1
2
3
4
5
6
7
8
9
10
11
12

obj格式如下，其中a是存取器属性，需要展开括号才能看到。
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
  <p>
     <span>姓名：</span>
    <span  id="name"></span>
  </p>
  <p>
    <span>年龄：</span>
    <span  id="age"></span>
  </p>
<body>
    <script>

        const spanName = document.getElementById('name');
        const spanAge  = document.getElementById('age');
        const user ={}
        Object.defineProperties(user,{
            name:{
                get(){
                    return spanName.innerText;
                },
                set(val){
                    spanName.innerText = val;
                }
            },
            age:{
                get(){
                    return spanAge.innerText;
                },
                set(val){
                    spanAge.innerText = val;
                }
            }

        },)
         
    </script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

刚开始：
在这里插入图片描述
在控制台输入值之后：

相关阅读:
小解C语言文件编译过程【linux】
BinaryBombs（二进制炸弹实验）
第06章数据挖掘综合应用
java毕业设计——基于java+MMAS的蚁群算法路由选择可视化动态模拟设计与实现（毕业论文+程序源码）——蚁群算法路由选择可视化动态模拟
基于 SpringBoot + FreeMarker 开发的博客论坛项目
《程序员数学：斐波那契》—— 为什么不能用斐波那契散列，做数据库路由算法？
2022前端学习笔记
requests库
你写过的最蠢的代码是？
FasterTransformer在linux系统中的安装教程（ubuntu系统）

原文地址：https://blog.csdn.net/qq_42931285/article/details/132949557