js原型有哪些规则

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 的面向对象特性,避免常见误区。不复杂但容易忽略细节。