【红宝书p211】获取函数和设置函数

于慨

已于 2024-11-29 23:10:33 修改

阅读量151

点赞数

分类专栏：红宝书文章标签： javascript

于 2021-01-05 10:44:20 首次发布

本文链接：https://blog.youkuaiyun.com/ike_yu/article/details/112214966

版权

红宝书专栏收录该内容

17 篇文章

订阅专栏

本文介绍JavaScript中使用不同方法实现对象属性的初始化与访问控制。包括计算属性、修改属性默认特性和通过访问器属性间接赋值等四种方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用获取函数和设置函数完成对象属性的值初始化
方式一：计算属性

<script>
        src = {
            set a(value) {
                a = value;
            },
            get a() {
                return a;
            }
        };
        // 注意：这里不管赋值先后顺序
        console.log(src.a);//fun1
        src.a = "fun1";
        console.log(src.a);//fun1
    </script>

方式二：修改属性默认特性

<script>
        var src = {};
        Object.defineProperty(src, 'a', {
            writable: true
        });

        console.log(src.a);//undefined
        src.a = "fun1";
        console.log(src.a);//fun1 
    </script>

方式三：通过访问器属性间接赋值

<script>
        var src = {
            _a: ''
        }
        Object.defineProperty(src, 'a', {
            get() {
                return this._a;
            },
            set(value) {
                this._a = value;
            }
        })
        console.log(src.a);//''
        src.a = 'fun1';
        console.log(src.a);//fun1
    </script>

方式四：es5之前的老方法

 <script>
        var src = {
            _a: ''
        };
        src.__defineSetter__('a', function (value) {
            this._a = value;
        });
        src.__defineGetter__('a', function () {
            return this._a;
        })
        console.log(src.a);//''
        src.a = 'fun1';
        console.log(src.a);//fun1 */
    </script>

在这里插入图片描述