✨ 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>