JS之Object.defineProperty方法-阿里云开发者社区

JS之Object.defineProperty方法

2024-03-13 16

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JS之Object.defineProperty方法

给对象添加属性的方法有许多，这次让我为大家介绍一种给对象添加属性的静态方法吧！

语法：Objcet.defineProperty(对象的名称，“添加的键名”，{value：键值})

const obj = {name:"张三",age:18}
    // 我们给obj添加一个新属性
    Object.defineProperty(obj,"hobby",{
        value:"打篮球"
    })
    console.log(obj);

可以看到我们成功添加了一个属性

这种静态方法还可以玩

我们添加了这个属性，我们可以控制这个属性能否被修改，能否被删除，能否被循环

我为大家介绍一下以下三个方法

writable:布尔值；如果为true就是能被修改，为false不能被修改

configurable:布尔值；如果为true就是能被删除，为false不能被删除

enumerable:布尔值；如果为true就是能被循环，为false不能被循环

const obj = {name:"张三",age:18}
    // 我们给obj添加一个新属性,可修改,不可删除,不可循环
    Object.defineProperty(obj,"hobby",{
        value:"打篮球",
        writable:true,
        configurable:false,
        enumerable:false
    })
    obj["hobby"] = "踢足球"//修改成功
    delete obj["hobby"]//删除失败
    for(let k in obj) {
        console.log(obj[k]);//不能循环到hobby
    }
    console.log(obj);

getter与setter

const obj = { name: "张三", age: 18 }
    // 我们给obj添加一个新属性,可修改,不可删除,不可循环
    Object.defineProperty(obj, "hobby", {
        get() {
            console.log("获取了")
            // 返回一个篮球
            return "篮球"
        },
        set(val) {
            console.log("被修改了")
            // 修改后val为足球
            console.log(val)
        }
    })
    // 获取
    obj["hobby"]
    console.log(obj)
    // 修改后val为足球
    obj["hobby"] = "足球"
    console.log(obj)