【问题标题】:JS getters and setters inside a class?类中的 JS getter 和 setter?
【发布时间】:2014-02-04 22:27:55
【问题描述】:

我想在 JS 中创建一个使用本机 getter 和 setter 的类。我知道我可以为对象创建 getter/setter,如下所示:

var obj = {
    get value(){
        return this._value;
    },
    set value(val){
        this._value = val;
    }
}

我也知道我可以在类/函数中使用 this.__defineGetter__,但 MDN 表示不鼓励使用 __defineGetter__() 等。

有没有比 js 类添加 getter 和 setter 更好的方法:

function class(){
};

class.prototype = {
   get value(){
        //....

}

?

【问题讨论】:

标签: javascript setter getter getter-setter


【解决方案1】:

2019:ES6 万岁!

class Person {
    
    get name() {
        return this._name + '!!!'
    }

    set name(newValue) {
        this._name = newValue
    }

    constructor(name) {
        this._name = name
    }
}

const me = new Person('Zach')
console.log(me.name)            // Zach!!!

me.name = 'Jacob'
console.log(me.name)            // Jacob!!!

// Of course, _name is not actually private.
console.log(me._name)           // Jacob

【讨论】:

  • 如果您正在寻找真正的私有字段,请查看here。截至 2020 年 4 月 30 日,私有类字段仍处于 TC39 第 3 阶段,但已经在很多平台上获得了支持,尤其是自 v 12.0 以来的 NodeJS。
【解决方案2】:

在类上定义属性的最简洁方法是通过Object.defineProperties。这允许您在一个易于阅读的块中定义所有属性。这是一个例子:

var MyClass = function() {
    this._a = undefined;
    this._b = undefined;
};

Object.defineProperties(MyClass.prototype, {
    //Create a read-only property
    a : {
        get : function() {
            return this._a;
        }
    },
    //Create a simple read-write property
    b : {
        get : function() {
            return this._b;
        },
        set : function(value) {
            this._b = value;
        }
    }
});

定义属性时还有很多其他选项,因此请务必查看我发布的链接以获取更多信息。同样重要的是要记住,即使是最基本的 getter/setter 属性也只能与当前浏览器中的方法调用一样快,因此它们可能成为性能密集型情况下的瓶颈。

【讨论】:

    【解决方案3】:

    这个实现怎么样:

    function makeObject(obj, name) {
        // The property
        var value;
    
        // The setter
        obj["get" + name] = function() {return value;};
    
        // The getter
        obj["set" + name] = function(v) {
            value = v;
        };
    }
    

    实验:

    var obj = {};
    makeObject(obj, "Name");
    obj.setName("Lolo");
    print(obj.getName());
    

    当然,您可以先测试name 的有效性,然后再将其存储到value。该测试可以作为makeObject 函数的附加参数提供。

    【讨论】:

    • 是的,这是定义 getter 和 setter 的一种方式,但 'get' 和 'set' 语法的优点在于函数在常规赋值时触发,即在 'obj.value= 2' setter 函数被调用
    • 这些不是所要求的“本机 getter 和 setter”。
    • @user2845946 看起来你回复了我然后删除了评论?你说你只是“随机”投票给我。像这样的报复性连续投票行动不仅是卑鄙的,而且对整个社区都是一种伤害。如果您可以在回答中声明它不是创建本地 getter 和 setter 的替代方法,那么我将撤消我的反对票。否则,我认为答案具有误导性,因为人们可能认为它是创建本地 getter 和 setter 的替代语法,但事实并非如此。如果您要提出解决方法,请这样说明。
    猜你喜欢
    • 2018-09-13
    • 1970-01-01
    • 2010-10-25
    • 1970-01-01
    • 2015-01-20
    • 2012-03-12
    • 2012-06-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多