javascript - 'value' 关键字在 JavaScript 中实际是如何工作的，我们可以获取一个值并同时赋值吗？

Question

为了理解这一点，我走了很多路，但无法得到与我的问题具体相关的任何答案，我想问的是“值”关键字如何返回文本框或任何其他元素的值，我们可以同时赋值。

我们不使用括号，因此根据我的理解，这不是一个函数。

我正在尝试创建一个具有属性的对象，让我们将其称为“val”，它将返回值并且无法使用等于运算符来分配新值。

硬编码值有效，但如何动态获取它？我会创建一个函数，每次插入一个值并将其分配给属性时都会触发吗？或者它将如何运作？因为我不能清楚地使它成为一个返回值的函数，因为那时我将无法分配它。

var searchBar = {
   element : document.getElementById('memSearchInput'),
   val : document.getElementById('memSearchInput').value.trim(),
 }

这显然是有效的。

我没有发布很多问题，所以如果不清楚，请见谅。

Answer 1

value这里不是“关键字”，而是 getElementById 返回的 DOM 节点的属性称呼。由于您似乎正在获取 HTML <input>元素(恰好是一个名为 HTMLInputElement 的 DOM 节点对象)，您可以在其 value 上找到信息该对象的描述中的产权:

Current value in the control.

Note: for certain input types the returned value might not match the value the user has entered. For example, if the user enters a non-numeric value into an <input type="number">, the returned value might be an empty string instead.

您现在可能已经猜到该属性可能在许多(但不是所有)情况下返回一个字符串，所以您的 trim调用将从开始和结束去除空格，val属性最终被静态地设置为那个字符串。

参见 Working with objects: Defining getters and setters以及从它链接的 getter/setter 页面，以获取有关如何实际控制从属性读取值或向属性写入值时发生的情况的信息。