✨ Object.defineProperty 绑定

2025-06-14 17:10:53 +08:00 · 2025-06-14 17:10:53 +08:00 · 0df9decdd5
parent e81e7f2528
commit 0df9decdd5
1 changed files with 42 additions and 0 deletions
--- a/vue2-tutorials/import-script/3-Object.defineProperty.html
+++ b/vue2-tutorials/import-script/3-Object.defineProperty.html
@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Object.defineProperty</title>
+</head>
+
+<body>
+
+</body>
+<script>
+    let age = 18
+    const person = {
+        name: "Bunny",
+        sex: "男",
+        // age: 16
+    }
+
+    Object.defineProperty(person, 'age', {
+        // value: 18,// 赋值
+        // enumerable: true,// 控制是否可以被枚举
+        // writable: true,// 控制是否可以被修改
+        // configurable: true,// 控制是否可以被删除
+
+        // 修改属性时触发
+        get() {
+            console.log("修改属性时触发");
+            return age
+        },
+        // 修改age时触发
+        set(value) {
+            console.log("修改age时触发");
+            age = value
+        }
+    })
+
+    console.log(person);
+</script>
+
+</html>