判断javascript对象的属性是否通过原型链访问的核心方法是：1. 使用 object.hasown(obj, prop) 返回 false 且 prop in obj 返回 true，则属性来自原型链；2. 可通过 object.getprototypeof 递归遍历原型链以定位属性所在原型层级；3. 对于 symbol 属性，同样适用上述方法，但需确保使用正确的 symbol 引用；4. 推荐使用 object.hasown 替代 hasownproperty 以避免对象自身方法被覆盖导致的错误；5. 性能上两者差异可忽略，但高频检测时可缓存 hasownproperty 或使用 object.hasown 提升安全性。该方案完整覆盖属性来源判断、symbol处理、安全性与性能优化，适用于各类原型链属性检测场景。
判断JavaScript对象的属性是否可以通过原型链访问，核心在于检查该属性是否存在于对象自身，而不是其原型链上。简单来说，如果
obj.hasOwnProperty(prop)
返回
false
，且
prop in obj
返回
true
，那么该属性就是通过原型链访问的。
解决方案
要判断一个属性是否是通过原型链访问的，可以使用以下方法：
使用
hasOwnProperty
和
in
操作符：
hasOwnProperty
方法用于检查对象自身是否具有指定的属性（不包括继承的属性）。
in
操作符则检查对象及其原型链上是否存在指定的属性。
function isPropertyFromPrototype(obj, prop) { return !obj.hasOwnProperty(prop) && (prop in obj);}// 示例function MyObject() {}MyObject.prototype.protoProp = 'protoValue';let obj = new MyObject();obj.ownProp = 'ownValue';console.log(isPropertyFromPrototype(obj, 'protoProp')); // trueconsole.log(isPropertyFromPrototype(obj, 'ownProp')); // falseconsole.log(isPropertyFromPrototype(obj, 'nonExistent')); // false
这种方法直接明了，易于理解。但是，它依赖于
hasOwnProperty
和
in
操作符的行为，需要确保正确使用。
使用
Object.getPrototypeOf
和
hasOwnProperty
递归检查原型链：
这种方法稍微复杂一些，但更具灵活性，可以追踪属性来自原型链的哪个层级。
function findPropertyInPrototypeChain(obj, prop) { let current = obj; while (current) { if (current.hasOwnProperty(prop)) { // 找到属性，但需要判断是否是 obj 自身 if (current === obj) { return null; // 属性在对象自身上 } else { return current; // 属性在原型链的某个位置 } } current = Object.getPrototypeOf(current); } return null; // 属性不存在于原型链上}// 示例function MyObject() {}MyObject.prototype.protoProp = 'protoValue';function AnotherObject() {}AnotherObject.prototype = new MyObject();AnotherObject.prototype.anotherProtoProp = 'anotherProtoValue';let obj = new AnotherObject();obj.ownProp = 'ownValue';console.log(findPropertyInPrototypeChain(obj, 'protoProp')); // MyObject.prototypeconsole.log(findPropertyInPrototypeChain(obj, 'anotherProtoProp')); // AnotherObject.prototypeconsole.log(findPropertyInPrototypeChain(obj, 'ownProp')); // nullconsole.log(findPropertyInPrototypeChain(obj, 'nonExistent')); // null
这种方法允许你不仅判断属性是否来自原型链，还可以确定它来自哪个原型对象。这在调试和理解复杂的原型链结构时非常有用。
为什么
Object.hasOwn
Object.hasOwn
比
hasOwnProperty
更推荐？
Object.hasOwn(obj, prop)
是一个相对较新的方法，用于替代
obj.hasOwnProperty(prop)
。主要区别在于，
Object.hasOwn
可以避免一些潜在的问题，特别是当对象自身可能覆盖了
hasOwnProperty
方法时。
let obj = { hasOwnProperty: null // 故意覆盖 hasOwnProperty};// obj.hasOwnProperty('prop'); // TypeError: Cannot read properties of null (reading 'call')Object.hasOwn(obj, 'prop'); // 安全地返回 false
使用
Object.hasOwn
可以更安全地检查属性，因为它不依赖于对象自身的
hasOwnProperty
方法的实现。
如果属性是 Symbol 类型，如何判断？
如果属性是 Symbol 类型，上述方法仍然适用。
hasOwnProperty
和
in
操作符都可以处理 Symbol 类型的属性。
const mySymbol = Symbol('mySymbol');function MyObject() { this[mySymbol] = 'symbolValue';}MyObject.prototype.protoSymbol = Symbol('protoSymbol');let obj = new MyObject();console.log(Object.hasOwn(obj, mySymbol)); // trueconsole.log(mySymbol in obj); // trueconsole.log(Object.hasOwn(obj, 'protoSymbol')); // falseconsole.log('protoSymbol' in obj); // false (因为 'protoSymbol' 不是一个 Symbol)console.log(MyObject.prototype.protoSymbol in obj); // falseconsole.log(obj.protoSymbol === undefined) // trueconst isSymbolFromPrototype = !Object.hasOwn(obj, MyObject.prototype.protoSymbol) && (MyObject.prototype.protoSymbol in obj)console.log(isSymbolFromPrototype) // false (因为 obj 没有直接继承 MyObject.prototype)function isSymbolFromPrototype(obj, symbol) { return !Object.hasOwn(obj, symbol) && (symbol in obj);}console.log(isSymbolFromPrototype(obj, MyObject.prototype.protoSymbol)) // false
关键在于确保在使用
in
操作符时，提供正确的 Symbol 对象，而不是 Symbol 的描述字符串。
性能考虑：
hasOwnProperty
hasOwnProperty
vs
in
操作符？
通常情况下，
hasOwnProperty
和
in
操作符的性能差异可以忽略不计。现代JavaScript引擎对这些操作进行了优化。但是，在极端情况下，如果需要频繁地对同一个对象进行大量属性检查，可以考虑缓存
hasOwnProperty
方法，或者使用
Object.hasOwn
。
const has = Object.prototype.hasOwnProperty; // 缓存 hasOwnPropertyfunction checkProperties(obj, props) { for (let i = 0; i < props.length; i++) { if (has.call(obj, props[i])) { // ... } }}
虽然这种优化在大多数情况下不会带来显著的性能提升，但在特定场景下可能会有所帮助。
以上就是js如何判断属性是否可被原型访问的详细内容，更多请关注php中文网其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1516314.html
微信扫一扫 
支付宝扫一扫 
