JS原生获取对象的所有属性-函数包装

最新推荐文章于 2024-03-05 22:36:59 发布

原创最新推荐文章于 2024-03-05 22:36:59 发布 · 置顶 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #对象 #继承 #遍历 #javascript

javascript 同时被 2 个专栏收录

7 篇文章

订阅专栏

Jquery

4 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于获取对象及其原型链上所有属性的名字，不论这些属性是否可枚举。通过递归地检查对象的每一级原型，该函数能够确保收集到完整的属性列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获得对象的所有属性（不管是自身的还是继承的，以及是否可枚举），可以使用下面的函数。

function getPropertyNames(obj) {
  var props = {};
  while(obj) {
    Object.getOwnPropertyNames(obj).forEach(function(p) {
      props[p] = true;
    });
    obj = Object.getPrototypeOf(obj);
  }
  return Object.getOwnPropertyNames(props);
}

上面代码依次获取obj对象的每一级原型对象“自身”的属性，从而获取Obj对象的“所有”属性，不管是否可遍历。

下面是一个例子，列出Date对象的所有属性。

inheritedPropertyNames(Date)
// [
//  "caller",
//  "constructor",
//  "toString",
//  "UTC",
//  "call",
//  "parse",
//  "prototype",
//  "__defineSetter__",
//  "__lookupSetter__",
//  "length",
//  "arguments",
//  "bind",
//  "__lookupGetter__",
//  "isPrototypeOf",
//  "toLocaleString",
//  "propertyIsEnumerable",
//  "valueOf",
//  "apply",
//  "__defineGetter__",
//  "name",
//  "now",
//  "hasOwnProperty"
// ]