为什么在JavaScript中使用getter和setter?

时间:2017-02-20 10:52:57

标签: javascript getter-setter

我知道getter和setter是如何在JavaScript中工作的。我不明白为什么我们需要它们才能使用普通函数得到相同的结果?请考虑以下代码:

var person = {
    firstName: 'Jimmy',
    lastName: 'Smith',
    get fullName() {
        return this.firstName + ' ' + this.lastName;
    }
}

console.log(person.fullName);    // Jimmy Smith

我们可以使用函数轻松替换getter:

var person = {
    firstName: 'Jimmy',
    lastName: 'Smith',
    fullName: function() {
        return this.firstName + ' ' + this.lastName;
    }
}

console.log(person.fullName());    // Jimmy Smith

我没有看到写入getter和setter的重点。

1 个答案:

答案 0 :(得分:16)

使用getter或setter与使用标准函数之间的区别在于,在赋值时会自动调用getter / setter。因此它看起来就像一个普通的属性,但在幕后你可以在赋值之前或之后运行额外的逻辑(或检查)。

因此,如果您决定将此类额外逻辑添加到已引用的现有对象属性之一,则可以将其转换为getter / setter样式,而不会更改有权访问该属性的其余代码。