uni-app示例代码参数直接复制后，报错hasOwnProperty是undefined，不好用

在uni-app开发中遇到hasOwnProperty为undefined的错误，通常是因为在错误的上下文或作用域中调用了这个方法。hasOwnProperty是JavaScript中Object对象的一个方法，用于检查对象自身是否具有指定的属性，而不是从其原型链继承的属性。如果你在非对象上下文中调用它，比如null或undefined，就会抛出错误。

下面是一个简单的示例，展示如何在uni-app中安全地使用hasOwnProperty，以及如何避免常见的错误。

示例代码

假设你有一个页面组件，在页面的data中定义了一个对象，然后在页面的某个方法中检查这个对象是否具有某个属性。

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      userInfo: {
        name: 'John Doe',
        age: 30
      },
      message: ''
    };
  },
  methods: {
    checkProperty() {
      // 安全检查对象是否为null或undefined
      if (this.userInfo && typeof this.userInfo === 'object') {
        if (this.userInfo.hasOwnProperty('name')) {
          this.message = `User has a name: ${this.userInfo.name}`;
        } else {
          this.message = 'User does not have a name';
        }
      } else {
        this.message = 'userInfo is not defined or not an object';
      }
    }
  },
  onLoad() {
    this.checkProperty();
  }
};
</script>

错误避免

1. 确保对象存在：在调用hasOwnProperty之前，先检查对象是否存在且为对象类型。
2. 使用可选链（Optional Chaining）：在ES2020及以后的版本中，可以使用?.来安全地访问深层嵌套属性，但注意hasOwnProperty本身不支持可选链，因为它是一个方法调用。
3. 使用in操作符：虽然in操作符会检查对象及其原型链中的属性，但如果你只关心对象自身的属性，hasOwnProperty是更合适的选择。不过，在不确定对象是否存在时，使用in可以避免undefined.hasOwnProperty的错误。

通过上述方法，你可以确保在uni-app中安全地使用hasOwnProperty，避免遇到hasOwnProperty is undefined的错误。在实际开发中，始终注意对象和属性的存在性检查，是编写健壮代码的关键。