54-Object.defineProperty方法

最新推荐文章于 2025-12-21 15:46:00 发布

原创最新推荐文章于 2025-12-21 15:46:00 发布 · 72 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言 #html #vue.js

前端基础知识专栏收录该内容

75 篇文章

订阅专栏

本文介绍了如何使用JavaScript中的Object.defineProperty方法来精确控制对象属性的行为，包括设置值、可写性、可配置性和可枚举性，并通过示例展示了如何进行实际操作。

54-Object.defineProperty方法

// obj.name = 'Vue'
// 可以用来给对象设置属性
// Object.defineProperty(要添加属性的对象名，属性名，一些属性的设置)

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>54-Object.defineProperty方法</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script>
            let obj = {
                age:7
            }
            // obj.name = 'Vue'
            // 可以用来给对象设置属性
            // Object.defineProperty(要添加属性的对象名，属性名，一些属性的设置)
            Object.defineProperty(obj,'name',{
                value:'vue',
                writable:true, // 设置obj的name属性可以被修改，如果不设置，默认为false，不可以修改。
                configurable:true, // 设置obj的name属性可以被删除，如果不设置，默认为false，不可以被删除。
                enumerable:true, // 设置obj的name属性可以被遍历，默认值是false不可被遍历。
            });
            console.log(obj);
            obj.name = 'Vue3';
            console.log(obj);
            
            // delete obj.name // 删除对象obj的name属性。
            // console.log(obj);

            for(key in obj){
                console.log(key);
            }
        </script>
    </head>
    <body>
    
    </body>
</html>