学习原型链时有这个疑问,之前查过了但是老是忘记,现在记录一下,避免忘记。
参考: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 = 23console.log("name" in obj) // trueconsole.log('code' in obj) // trueconsole.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 = 23console.log(obj.hasOwnProperty('name')) // trueconsole.log(obj.hasOwnProperty('code')) // false
3.两者结合判断属性位于对象本身还是来自于其原型链
function Person(name) {this.name = name}let obj = new Person('Tom')Person.prototype.gender = 'male'Person.prototype.code = 23function propertyFormPrototype(obj, prop) {return obj.hasOwnProperty(prop) && prop in obj//当return为true时表示属性位于对象本身}console.log(propertyFormPrototype(obj, 'name')) // trueconsole.log(propertyFormPrototype(obj, 'code')) // false