Javascript 是否有像 C# 一样的 get/set 关键字？

Question

我正在使用 XULRunner，并在代码示例中遇到以下模式：

var StrangeSample = {

backingStore : "",

get foo() { return this.backingStore + " "; },

set foo(val) { this.backingStore = val; },

func: function(someParam) { return this.foo + someParam; }
};

StrangeSample.foo = "rabbit";
alert(StrangeSample.func("bear"));

这会导致“兔子熊”收到警报。

我以前从未见过 JavaScript 中使用过这种获取/设置模式。它有效，但我找不到任何文档/参考。这是 XUL 所特有的东西，是最近的语言功能，还是只是我错过的东西？我很困惑，因为几个月前我专门寻找类似的东西，但找不到任何东西。

作为参考，删除“get”或“set”会导致语法错误。将它们重命名为其他名称是语法错误。它们看起来确实是关键词。

任何人都可以为我阐明这一点，或者为我指出参考吗？

Answer 1

正如 Martinho 所建议的，这里有一些解释 JS 1.5 中的 getter/setter 的链接：

http: //ejohn.org/blog/javascript-getters-and-setters/

http://ajaxian.com/archives/getters-and-setters-in-javascript

但请注意，IE 似乎不支持它们，并且一些开发人员对此想法有（合理的）担忧变量赋值有副作用。

正如丹尼尔指出的那样，get/set 不是保留关键字。我毫无问题地创建了一个名为“get”和“set”的顶级函数，并使用上面发布的代码示例。所以我假设解析器足够聪明，可以允许这样做。事实上，甚至以下内容似乎也是合法的（如果令人困惑的话）：

var Sample = {
   bs : "",
   get get() { return this.bs; },
   set get(val) { this.bs = val; }
 }

Answer 2

JavaScript Setters 和 Getters：

通常 JavaScript 对象中的 setter 和 getter 方法遵循以下语法。创建的对象具有多个属性。 setter 方法有一个参数，而 getter 方法没有参数。两者都是函数。

对于已在对象内创建的给定属性，set 方法通常是一个 if/else 语句，用于在以后通过代码直接访问和分配该属性的任何时候验证输入，也称为“set”。这通常是通过使用 if (typeof [arg] === '某种类型的值，例如：数字、字符串或布尔值') 语句来完成的，然后代码块通常会分配 this.(specific)property-name到论点。 （偶尔会在控制台中记录一条消息。）但它不需要返回任何内容；它只是设置 this.specific-property 来评估参数。然而，else 语句几乎总是在控制台中记录一条（错误）消息，提示用户为满足 if 条件的属性键值输入不同的值。

getter 方法基本上是相反的。它设置一个不带任何参数的函数来“获取”，即当您调用刚刚设置的特定属性时返回一个（另一个）值/属性。它“得到”的东西与调用该对象属性时通常得到的东西不同。

对于您不希望能够直接修改的属性键值，可以轻松查看 setter 和 getter 的值，除非满足某些条件。对于这种类型的属性，使用下划线来处理属性名称，并使用 getter 来允许您能够调用不带下划线的属性。然后使用 setter 定义可以访问和分配属性的键值的条件，也称为“设置”。例如，我将为此对象的属性添加两个基本的 setter 和 getter。注意：我使用常量变量是因为对象保持可变（创建后）。

const person = {
_name: 'Sean';
_age: 27;

set age(ageIn) {
if (typeof ageIn === 'number') {
  this._age = ageIn;
}
else {
  console.log(`${ageIn} is invalid for the age's key-value. Change ${ageIn} to/into a Number.`);
  return 'Invalid Input.';
}
},

get age() {
return this._age;
},

set name(nameIn) {
if (typeof nameIn === 'string') {
        this._name = nameIn;
      } else {
        console.log(`Change ${nameIn} to/into a(ny) String for the name's 
key-value.`);
        return 'Invalid Input.';
    }
},

get name() {
return this._name;
}

};

有趣的是，当您尝试为 _age 属性设置/分配新的键值时，因为它必须满足 if 条件才能成功分配，这意味着并非所有分配都有效，等等。

person.age = 'twenty-eight'; /* output: twenty-eight is invalid for the 
age's key-value.  Change twenty-eight to/into a Number. */
console.log(person.age); // output: 27 (twenty-eight was never assigned)
person.age = 28; // output: none
console.log(person.age); // output: 28

请注意我是如何做的借助 getter 方法，能够通过 person.age 属性访问 person._age 属性。此外，与年龄的输入仅限于数字类似，名称属性的输入现在仅限/设置为字符串。

希望这有助于解决问题！
此外，还有更多链接：

https://johnresig.com/blog/javascript- getters-and-setters/

https: //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get

https://www.infragistics.com/community/blogs/infragistics/archive /2017/09/19/easy-javascript-part-8-what-are-getters-and-setters.aspx

Answer 3

根据 Mozilla 的说法，它们不在 ECMAScript 中。