JS检测属性位于对象本身还是来自于其原型链-Toy模板网

这篇具有很好参考价值的文章主要介绍了JS检测属性位于对象本身还是来自于其原型链。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

学习原型链时有这个疑问，之前查过了但是老是忘记，现在记录一下，避免忘记。

参考：https://blog.csdn.net/weixin_40920953/article/details/88295651

1.in操作符

in 操作符会在通过对象能够访问给定属性时返回true，无论该属性存在于对象本身还是其原型链上。

    function Person(name) {
      this.name = name
    }
    let obj = new Person('Tom')
 
 
    Person.prototype.gender = 'male'
    Person.prototype.code = 23
    
    console.log("name" in obj) // true
    console.log('code' in obj) // true
    console.log('gender' in obj) // true

2.obj.hasOwnProperty(prop)

hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性。

    function Person(name) {
      this.name = name
    }
    let obj = new Person('Tom')
    
    Person.prototype.gender = 'male'
    Person.prototype.code = 23
 
    console.log(obj.hasOwnProperty('name')) // true
    console.log(obj.hasOwnProperty('code')) // false

3.两者结合判断属性位于对象本身还是来自于其原型链文章来源地址https://www.toymoban.com/news/detail-622180.html

    function Person(name) {
      this.name = name
    }
    let obj = new Person('Tom')
 
    Person.prototype.gender = 'male'
    Person.prototype.code = 23
 
    function propertyFormPrototype(obj, prop) {
      return obj.hasOwnProperty(prop) && prop in obj
     //当return为true时表示属性位于对象本身
    }
    console.log(propertyFormPrototype(obj, 'name')) // true
    console.log(propertyFormPrototype(obj, 'code')) // false

到了这里，关于JS检测属性位于对象本身还是来自于其原型链的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！