函数属性名称

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探索如何使用 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 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程