浏览器版本太低不兼容Object.getOwnPropertyDescriptors，所以报了Object.getOwnPropertyDescriptors is not a function

Question

浏览器版本太低不兼容Object.getOwnPropertyDescriptors，所以报了Object.getOwnPropertyDescriptors is not a function，如何做兼容

Answer 1

• 这篇博客: Object用法总结中的 Object.getOwnPropertyDescriptor() 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 功能:
  该方法返回指定对象上一个自有属性对应的属性描述符。（自有属性指的是直接赋予该对象的属性，不需要从原型链上进行查找的属性）,即返回对象的属性描述。
  语法：
  Object.getOwnPropertyDescriptor(obj, prop)
  参数说明：
  obj: 需要查找的目标对象
  prop: 目标对象内属性名称

  var person = {
      name: '张三',
      age: 12
  }
  var des = Object.getOwnPropertyDescriptor(person, 'name');
  console.log(des);
  // 结果如下：{value: "张三", writable: true, enumerable: true, configurable: true}
  

• 以下回答由chatgpt基于相关博客总结生成:

  问题的根本原因是浏览器版本太低，不支持Object.getOwnPropertyDescriptors()方法。那么解决该兼容性问题的方法是使用其他替代方案来获取对象的属性描述符。

  可以使用以下方法来获取对象的属性描述符：

  1. 使用Object.getOwnPropertyNames()方法来获取对象的所有属性名。
  2. 遍历属性名数组，对于每个属性名使用Object.getOwnPropertyDescriptor()方法来获取属性描述符。
  3. 将属性名和属性描述符组成一个新的对象并返回。

  下面是具体的解决方案代码：

  // 定义一个兼容的函数来获取对象的属性描述符
  function getOwnPropertyDescriptors(obj) {
    var descriptors = {};
    var propertyNames = Object.getOwnPropertyNames(obj);
    for (var i = 0; i < propertyNames.length; i++) {
      var propertyName = propertyNames[i];
      descriptors[propertyName] = Object.getOwnPropertyDescriptor(obj, propertyName);
    }
    return descriptors;
  }
  
  // 使用兼容的函数来获取对象的属性描述符
  var person = {
    name: '张三',
    age: 12
  };
  var des = getOwnPropertyDescriptors(person);
  console.log(des);
  

  运行上述代码，将会得到以下结果：

  {
    name: {
      value: '张三',
      writable: true,
      enumerable: true,
      configurable: true
    },
    age: {
      value: 12,
      writable: true,
      enumerable: true,
      configurable: true
    }
  }
  

  通过这个兼容的方法，我们可以获取到对象的所有属性描述符，并与原本的Object.getOwnPropertyDescriptors()方法的返回结果保持一致。

  这样就解决了浏览器版本太低不兼容Object.getOwnPropertyDescriptors()方法的问题。