Do not access Object.prototype method ‘hasOwnProperty‘ from target object

小爱同学-Allen2023-08-09 9:44

调用 hasOwnProperty 报错：不要使用对象原型上的方法，因为原型的方法可能会被重写

复制代码

if (this.formData.selectFields.hasOwnProperty(selectField)) {
          delete this.formData.selectFields[selectField];
        } else {
          this.formData.selectFields[selectField] = true;
        }

出现这种报错是因为使用Vue.js启动项目会自动生成配置为与ESLint一起使用的样板

在ECMAScript5.1中，新增了 Object.create，它支持使用指定的 $\[Prototype$ ] 创建对象。Object.create(null)是一种常见的模式，用于创建将用作映射的对象

Object.create(null) 创建的对象是一个空对象，在该对象上没有继承 Object.prototype 原型链上的属性或者方法,例如：toString(), hasOwnProperty()等方法

因为 no-prototype-builtins 规则不允许Object.prototype直接从对象调用方法，所以会导致这种错误

解决方法

可以通过使用call()函数来调用不属于本身this对象的方法：Object.prototype.hasOwnProperty.call( )

复制代码

if (
          Object.prototype.hasOwnProperty.call(
            this.formData.selectFields,
            selectField
          )
        ) {
          delete this.formData.selectFields[selectField];
        } else {
          this.formData.selectFields[selectField] = true;
        }

**call方法的使用 **

复制代码

call() 方法是预定义的 JavaScript 方法。

它可以用来调用所有者对象作为参数的方法。

通过 call()，您能够使用属于另一个对象的方法。