JavaScript中类属性与原型属性的覆盖规则详解

实例属性优先于原型属性访问,类字段声明本质是实例属性,static属性属于类本身而非原型链。在 JavaScript 中,类属性(即直接定义在类体内的 实例属性)和原型属性(即定义在类的 prototype 上的方法或通过 static 定义的静态成员)遵循明确的属性访问与覆盖逻辑。理解它们的优先级、作用域和赋值行为,是避免"方法不生效""属性看似被修改却没变"等常见问题的关键。实例属性优先于原型属性访问当通过实例访问一个属性或方法时,JavaScript 引擎会按以下顺序查找:先检查实例自身是否拥有该属性(即在 this 上直接定义,如类字段初始化 value = 123 或构造函数中 this.value = ...) 若不存在,则沿 proto 链向上查找,在 Constructor.prototype 上找(例如类中定义的 method() {}) 再往上是 Object.prototype,最后到 null这意味着:即使原型上已有同名方法,只要你在实例上直接赋值(obj.name = 'xxx'),后续访问 obj.name 就永远取实例值,不再查原型------这是"覆盖"的实质:不是删除原型属性,而是遮蔽(shadowing)。类字段声明(public field)本质是实例属性ES2022 起支持的类字段语法(如 count = 0)会在每次构造函数执行时,为每个实例创建独立副本:立即学习"Java免费学习笔记(深入)";class Counter { count = 0; // ? 每个实例都有自己的 count inc() { this.count++; }}const a = new Counter();const b = new Counter();a.inc(); console.log(a.count); // 1console.log(b.count); // 0 ------ 互不影响这类属性不会出现在原型上,Counter.prototype.hasOwnProperty('count') 返回 false。它和在构造函数中写 this.count = 0 效果一致,只是更简洁。 唱鸭 音乐创作全流程的AI自动作曲工具,集 AI 辅助作词、AI 自动作曲、编曲、混音于一体

相关推荐
我是一颗柠檬4 小时前
【MySQL全面教学】MySQL面试高频考点汇总Day15(2026年)
数据库·后端·mysql·面试
星空椰5 小时前
Python 面向对象高级:继承与类定义详解
开发语言·python
橙淮5 小时前
并发编程(六)
java·jvm
凯瑟琳.奥古斯特5 小时前
高阶子查询题目精炼
开发语言·数据库·python·职场和发展·数据库开发
身如柳絮随风扬5 小时前
数据库读写分离:从原理到实战,构建高并发系统
数据库·mysql
风之所往_5 小时前
Python 3.4 新特性全面总结
python
EntyIU6 小时前
JVM内存与GC笔记
java·jvm·笔记
太阳上的雨天6 小时前
任何格式的文件转Markdown
python·ai
提笔了无痕6 小时前
RAG存储策略中.md格式的切片与存储怎么处理
数据库·ai·rag