javascript定义getter,setter函数

谁践踏了优雅 2022-03-15 18:12 238阅读 0赞

官方支持defineProperty定义getter，setter函数。

defineProperty可以设置数据属性或者访问器属性，只能选择其中一个。接收三个参数：设置属性的对象，属性名，描述符对象。

数据属性：

configurable：表示能否通过delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性。

enumerable：是否可枚举，表示能否通过for-in 循环返回属性。

writable：表示能否修改属性的值。

value：属性的值。

访问器属性：

configurable，enumerable和上面一样，

get：在读取属性时调用的函数，

set：在写入属性时调用的函数。

以下代码通过defineProperty给book添加了year属性。当读取year属性的时候会打印get，给year赋值时会打印set。

结果是：

get

2004

set

2005

get

2005

2

var book = {
        _year: 2004,
        edition: 1
    };
    Object.defineProperty(book, "year", {
        get: function () {
            console.log('get')
            return this._year;
        },
        set: function (newValue) {
            console.log('set')
            if (newValue > 2004) {
                this._year = newValue;
                this.edition += newValue - 2004;
            }
        }
    });
    console.log(book.year);
    book.year = 2005;
    console.log(book._year);
    console.log(book.year);
    console.log(book.edition);

与之相似的是\_\_defineGetter\_\_和\_\_defineSetter\_\_，前后都是两个下划线\_。这是定义访问器的旧有方法。

var books = {
        _year: 2004,
        edition: 1
    };
    books.__defineGetter__("year", function () {
        console.log('_get');
        return this._year;
    });
    books.__defineSetter__("year", function (newValue) {
        console.log('_set');
        if (newValue > 2004) {
            this._year = newValue;
            this.edition += newValue - 2004;
        }
    });
    console.log(books.year);
    books.year = 2005;
    console.log(books._year);
    console.log(books.year);
    console.log(books.edition);

发表评论取消回复

表情：

评论列表（有 0 条评论，238人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript自定义快捷函数绑定

当需要频繁地为名称唯一的元素(id选择器)绑定点击事件时，宜采用JS OOP的有关思想降低代码的耦合度以提高代码的重用性。 <input type="submit"

曾经终败给现在/ 2022年12月22日 15:26/ 0 赞/ 158 阅读

相关 JavaScript中函数的定义方式

1、命名函数 function 函数名称(参数列表)\{ 语句 \} 2、匿名函数 function(参数）\{ 语句 \} ; 如： v

深碍√TFBOYSˉ_/ 2022年08月22日 15:29/ 0 赞/ 185 阅读

相关 JavaScript教程：如何定义全局函数

原文：[JavaScript教程：如何定义全局函数][JavaScript] 问题：js的function非常特殊，它可以作为对象（象数字、字符串、对象、数组，每个funct

朱雀/ 2022年08月06日 04:11/ 0 赞/ 356 阅读

相关 JavaScript中简单函数定义调用，以及函数劫持

1.函数定义三种方式 <!DOCTYPE html> <html> <head lang="en"> <meta charset="U

素颜马尾好姑娘i/ 2022年07月21日 00:09/ 0 赞/ 232 阅读

相关 javascript （对象定义）构造函数模式

使用构造函数模式新建对象的话，这样就能返回对应函数的的类型。创建一个函数，把构造函数的作用域赋给新对象。因为这个是在全局作用域里面定义的函数，以这种方式定义的构造函

谁借莪１个温暖的怀抱￠/ 2022年07月17日 03:56/ 0 赞/ 211 阅读

相关 JavaScript之函数定义以及类型

今天在网上做到一道面试题，代码如下： var f = function g() { return 23; }; ty

r囧r小猫/ 2022年07月14日 11:55/ 0 赞/ 142 阅读

相关 Javascript中自定义函数与匿名函数详解

什么是函数?函数是完成某一功能、可重复执行的代码段，在javascript开发中，使用函数，非常方便管理和维护。今天和大家分享的就是其中的自定义函数与匿名函数相关用法，

阳光穿透心脏的1/2处/ 2022年07月11日 06:57/ 0 赞/ 202 阅读

相关【JavaScript】反调试技巧 —— 函数重定义【自定义console对象】

console对象的所有方法都可以被覆盖，也就是说，我们可以自定义方法。 ![这里写图片描述][SouthEast] ![这里写图片描述][70] [SouthEas

我会带着你远行/ 2022年06月04日 02:27/ 0 赞/ 263 阅读

相关关于JavaScript自定义函数的使用

1.定义函数在JavaScript中，自定义函数由关键字function，函数名，一组参数以及括号中的待执行的JavaScript语句组成语法格式为： f

短命女/ 2022年03月25日 14:24/ 0 赞/ 198 阅读

相关 javascript定义getter,setter函数

官方支持defineProperty定义getter，setter函数。 defineProperty可以设置数据属性或者访问器属性，只能选择其中一个。接收三个参数：设置属性

谁践踏了优雅/ 2022年03月15日 18:12/ 0 赞/ 239 阅读