JavaScript原型机制通过原型链实现继承与方法共享,每个对象都有原型,可通过Object.getPrototypeOf访问;构造函数的prototype属性指向实例原型,实例可继承其属性和方法;访问属性时先查自身,再沿原型链向上查找;原型可动态添加成员,所有实例均可立即使用,利于共享但需谨慎修改。

JavaScript 原型机制是理解对象继承和方法共享的核心。它遵循一些明确的规则,掌握这些规则有助于写出更高效、可维护的代码。
每个对象都有原型
JavaScript 中几乎所有对象在创建时都会自动关联一个原型(prototype)。这个原型可以是另一个对象,也可以是 null(只有 Object.prototype 的原型为 null)。
通过以下方式可以访问原型:
obj.__proto__(不推荐直接使用,但可用于查看) Object.getPrototypeOf(obj)(标准方法) 构造函数的 prototype 属性指向实例的原型
原型链查找机制
当你访问对象的一个属性或方法时,JS 引擎会先在对象自身查找,如果找不到,就会沿着原型链向上查找,直到找到为止,或者到达原型链末端(null)。
例如:
const obj = {};// obj 没有 toString 方法obj.toString(); // 调用的是 Object.prototype.toString
查找过程:obj → Object.prototype → 找到 toString → 执行
构造函数与 prototype 属性
函数拥有一个特殊的 prototype 属性(仅函数有),它是一个对象,包含可以被所有实例共享的属性和方法。
当使用 new 调用构造函数时:
新对象的 [[Prototype]] 指向构造函数的 prototype 构造函数中的 this 指向新对象 返回该新对象
示例:
function Person(name) { this.name = name;}Person.prototype.greet = function() { console.log("Hello, " + this.name);};const p = new Person("Alice");p.greet(); // 输出: Hello, Alice(方法来自原型)
原型可以动态修改
JavaScript 的原型是动态的。即使在对象创建之后,也能给原型添加新属性或方法,所有继承该原型的对象都能立即访问。
比如:
function Dog() {}const d = new Dog();Dog.prototype.bark = function() { console.log("Woof!");};d.bark(); // 可以调用,输出 Woof!
注意:这种动态性虽然灵活,但频繁修改原型可能影响性能或造成意外行为,应谨慎使用。
基本上就这些核心规则。理解原型和原型链,能更好掌握 JS 的面向对象特性,避免常见误区。不复杂但容易忽略细节。
以上就是js原型有哪些规则的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1535629.html
微信扫一扫
支付宝扫一扫