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 属性（仅函数有），它是一个对象，包含可以被所有实例共享的属性和方法。

ThinkPHP3.2.3完全开发

ThinkPHP是一个快速、简单的基于MVC和面向对象的轻量级PHP开发框架，遵循Apache2开源协议发布，从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，尤其注重开发体验和易用性，并且拥有众多的原创功能和特性，为WEB应用开发提供了强有力的支持。 3.2版本则在原来的基础上进行一些架构的调整，引入了命名空间支持和模块化的完善，为大型应用和模块化开发提供了更多的便利。

321

查看详情

当使用 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原型有哪些规则的详细内容，更多请关注php中文网其它相关文章！