解决错误:Do not access Object.prototype method ‘hasOwnProperty‘ from target object no-prototype-builtins

编程知识 更新时间:2023-04-06 10:59:32

问题

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

var person = {
  name: 'xiaoliao',
  sex: 'sex'
  show: function(){
    return this.name + '' + this.sex
  }
}

person.hasOwnProperty('sex')    //Do not access Object.prototype method 'hasOwnProperty' from target object  no-prototype-builtins

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

ESLint是一个能帮助识别报告JS中的不良模式,以便维护代码

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

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

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

解决 

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

var person = {
  name: 'xiaoliao',
  sex: 'sex'
  show: function(){
    return this.name + '' + this.sex
  }
}

person.hasOwnProperty('sex')    //Do not access Object.prototype method 'hasOwnProperty' from target object  no-prototype-builtins

//解决方案
person.hasOwnProperty.call('sex')   //true

关于call方法 

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

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

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

 这里相当于改变了当前this指向,我 person1 虽然并没有show方法(就和你无法直接访问原型上的 hasOwnProperty方法一样),但是我可以通过 call 使用person中的 show 方法 来使用,作用于该 show 方法上的相关属性还是我本身 person1 的

var person = {
  name: 'xiaoliao',
  sex: 'man'
  show: function(){
    return this.name + '' + this.sex
  }
}

var person1 = {
  name: 'xiaowang',
  sex: 'woman'
}

//调用person的show方法,并用于 person1
person.show.call(person1)    //xiaowang woman

更多推荐

解决错误:Do not access Object.prototype method ‘hasOwnProperty‘ from target object n

本文发布于:2023-04-06 10:59:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/32f8fe19836a9c2059fa5cb0a0f21439.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:错误   Object   prototype   method   access

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 49182文章数
  • 14阅读数
  • 0评论数