在JavaScript中，对象属性通常可以通过.（点）操作符或[]（方括号）操作符来访问。但是，如果您想获取所有属性的值，则需要实现一个getter函数。
Getter函数简介
Getter函数是一种特殊类型的函数，它允许您获取对象的属性值，而不需要使用调用函数的圆括号。它们通常用于创建类似于计算属性的东西。
Getter函数只有一个参数：被获取值的属性名称。以下是一个用法示例：
const obj = {
get prop() {
return 'getter called';
}
};
console.log(obj.prop); // "getter called"在这个例子中，prop属性的getter函数返回了字符串“getter called”。
获取所有属性的getter函数
要获取对象的所有属性，我们可以编写一个getter函数，该函数将返回一个包含所有属性及其相应值的对象。以下是一个示例：
-- -------------------- ---- -------
----- --- - -
-- --
-- ------
-- -----
--- ---------- -
----- ----- - ---
--- ---- ---- -- ----- -
----------- - -----------
-
------ ------
-
--
--------------------------
-- --- -- -- ------ -- ----- --------- --在这个例子中，allProps属性的getter函数遍历对象的所有属性，并将它们添加到一个新对象中。新对象的属性名是原始对象的属性名，属性值是原始对象的属性值。
指导意义
getter函数是面向对象编程中的一个重要概念。通过使用它们，我们可以为对象添加动态属性，并以一种更直观的方式访问对象的属性。
在实际的应用中，getter函数通常会与setter函数一起使用，这样就可以创建计算属性。例如，我们可以创建一个名为fullName的计算属性，该属性将由firstName和lastName属性计算而来：
-- -------------------- ---- -------
----- ------ - -
---------- -------
--------- ------
--- ---------- -
------ ------------------ ------------------
--
--- --------------- -
----- ------- ----- - ------------- ---
-------------- - ------
------------- - -----
-
--
----------------------------- -- ----- ----
--------------- - ----- -------
----------------------------- -- ----- ------
------------------------------ -- ------
----------------------------- -- -------在这个例子中，我们使用一个getter函数来返回fullName属性的值，并使用一个setter函数来设置firstName和lastName属性的值。
结论
getter函数是JavaScript面向对象编程的关键概念之一，可以让您动态地访问和计算属性。在实际的应用中，getter函数通常会与setter函数一起使用，从而创建计算属性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27177