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.两者结合判断属性位于对象本身还是来自于其原型链

    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