JS面向对象——defineProperty设置属性方法的封装

最新推荐文章于 2024-04-29 11:59:06 发布

SSSkyCong

最新推荐文章于 2024-04-29 11:59:06 发布

阅读量1.4k

点赞数

分类专栏： Js H5 学习-总结-转载

本文链接：https://blog.csdn.net/qlwangcong518/article/details/86129820

版权

学习-总结-转载同时被 3 个专栏收录

136 篇文章 0 订阅

订阅专栏

127 篇文章 2 订阅

订阅专栏

111 篇文章 1 订阅

订阅专栏

描述：

JS面向对象——defineProperty方法的封装

描述：

/*

*   Object.defineProperty(目标对象，属性/方法，属性描述对象)
*   属性描述对象 Descriptor
*
*   configurable   是否该属性可删除
*   enumerable     是否该属性可遍历（是否可枚举）
*   writable      是否该属性可修改
*   value          设置该属性的值
*
*   访问器属性，如果使用访问器属性，不能设置writable和value值
*     设置setter函数，设置属性值的函数
*    set:function (value) {
        this._a=value;
    },
    设置getter函数，获取属性值的函数
    get:function () {
        return this._a;
    }
* */

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var obj = {
        a: 1,
        b: 2
    }
    Object.defineProperty(Object.prototype, "addKey", {
        value: function (key, value, enumerable, writable, configurable) {
            if (!enumerable) enumerable = false;
            if (!writable) writable = false;
            if (!configurable) configurable = false;
            Object.defineProperty(this, key, {
                value: value,
                enumerable: enumerable,
                writable: writable,
                configurable: configurable
            })
        }
    })
    //测试数据
    obj.addKey("c", 50, true, true);
    console.log(obj);
    obj.c = 60;
    for (var key in obj) {
        console.log(key, obj[key]);
    }
</script>
</body>
</html>

SSSkyCong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS面向对象——defineProperty设置属性方法的封装

描述：JS面向对象——defineProperty方法的封装描述：/** Object.defineProperty(目标对象，属性/方法，属性描述对象)* 属性描述对象 Descriptor** configurable 是否该属性可删除* enumerable 是否该属性可遍历（是否可枚举）* writable 是否该属性可...
复制链接

扫一扫