函数属性名称

简介

在本实验中，我们将探索如何使用 JavaScript 从对象自身的可枚举属性中获取一个函数属性名称的数组。我们将学习如何遍历对象的属性，并在需要时使用 Object.keys() 和 Object.getPrototypeOf() 来包含继承的属性。我们还将使用 Array.prototype.filter() 过滤掉非函数属性。

如何在 JavaScript 中从对象获取函数属性名称

要从对象获取函数属性名称的数组，请使用下面提供的 functions 函数。此函数还可以选择包含继承的属性。

以下是使用 functions 函数的方法：

1. 打开终端/SSH 并输入 node 开始练习编码。
2. 使用 Object.keys() 遍历对象自身的属性。
3. 如果你想包含继承的属性，将 inherited 参数设置为 true，并使用 Object.getPrototypeOf() 获取对象的继承属性。
4. 使用 Array.prototype.filter() 只保留那些是函数的属性。
5. 省略第二个参数 inherited，默认情况下不包含继承的属性。

const functions = (obj, inherited = false) =>
  (inherited
    ? [...Object.keys(obj), ...Object.keys(Object.getPrototypeOf(obj))]
    : Object.keys(obj)
  ).filter((key) => typeof obj[key] === "function");

以下是 functions 函数的一个示例用法：

function Foo() {
  this.a = () => 1;
  this.b = () => 2;
}
Foo.prototype.c = () => 3;
functions(new Foo()); // ['a', 'b']
functions(new Foo(), true); // ['a', 'b', 'c']

总结

恭喜你！你已经完成了函数属性名称实验。你可以在 LabEx 中练习更多实验来提升你的技能。