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

调用 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(),您能够使用属于另一个对象的方法。
相关推荐
面朝大海,春不暖,花不开4 小时前
使用 Python 实现 ETL 流程:从文本文件提取到数据处理的全面指南
python·etl·原型模式
Shartin9 小时前
CPT208-Human-Centric Computing: Prototype Design Optimization原型设计优化
开发语言·javascript·原型模式
N_NAN_N3 天前
类图+案例+代码详解:软件设计模式----原型模式
java·设计模式·原型模式
铛铛啦啦啦3 天前
“对象创建”模式之原型模式
设计模式·原型模式
D.eL15 天前
深入解析原型模式:从理论到实践的全方位指南
java·设计模式·原型模式
永生辉皇15 天前
JS红宝书笔记 8.4 类
javascript·笔记·原型模式
胡侃有料15 天前
【设计模式】6.原型模式
设计模式·原型模式
OpenC++15 天前
【C++】原型模式
开发语言·c++·设计模式·原型模式
永生辉皇17 天前
JS红宝书笔记 8.2 创建对象
javascript·笔记·原型模式
杰_happy18 天前
设计模式:原型模式(C++)
c++·设计模式·原型模式