js中prototype的作用

在 JavaScript 中，prototype 是一个核心机制，用于实现对象间的属性和方法共享。以下是其核心作用及详细说明：

• 作用：子对象通过继承父对象的 prototype，复用其属性和方法。
• 原理：当访问对象的属性时，若自身不存在，JavaScript 会沿原型链向上查找（即 [[Prototype]] 链）。
• 示例：function Animal(name) { this.name = name; }Animal.prototype.speak = function() { console.log(`${this.name} makes a noise.`); };function Dog(name) { Animal.call(this, name); }Dog.prototype = Object.create(Animal.prototype); // 继承原型const dog = new Dog("Rex");dog.speak(); // 输出: "Rex makes a noise."

  Dog 继承了 Animal.prototype 的 speak 方法。

• 作用：修改原型对象后，所有子对象（包括已创建的实例）均消森可立即访问新属性。
• 示例：function Person(name) { this.name = name; }const alice = new Person("Alice");Person.prototype.greet = function() { console.log(`Hello, ${this.name}!`); };alice.greet(); // 输出: "Hello, Alice!"

  即使 alice 在 greet 方法添加前已创建，仍能访问该方法。

• 作用：多个实例共享同一原型对象，避免重复存储相同方法。
• 对比：

  非共享方式（每个实例独立方法）：function Car() { this.start = function() { console.log("Engine started."); }; // 每个实例独有}const car1 = new Car();const car2 = new Car();console.log(car1.start === car2.start); // false（不同内存地址）

  共享方式（通过 prototype）：function Car() {}Car.prototype.start = function() { console.log("Engine started."); };const car1 = new Car();const car2 = new Car();console.log(car1.start === car2.start); // true（同一内存地址）

• 作用：将公共逻辑封装到原型中，提升代码可维护性。
• 示例：function Circle(radius) { this.radius = radius; }Circle.prototype.area = function() { return Math.PI * this.radius 2; };const circle = new Circle(5);console.log(circle.area()); // 输出: 78.5398...

  area 方法只需定义一次，所有 Circle 实例共享。

• 获取原型：Object.getPrototypeOf(obj); // 推荐obj.__proto__; // 已废弃（非标准）
• 设置原型：Object.setPrototypeOf(obj, prototype); // 修改现有对象的原型// 或在构造函数中：function MyClass() {}MyClass.prototype = { /* 新原型 */ };

• 性能影响：频繁修改原型可能导致性能问题（如引擎优化失效）。
• 构造函数与唯桥配原型：通过 new 创建的对象，其原型默认指向构指指造函数的 prototype 属性。
• ES6+ 替代方案：class 语法糖底层仍基于 prototype，但更直观：class Animal { speak() { console.log("Noise"); }}class Dog extends Animal {}

prototype 是 JavaScript 实现继承、共享属性和优化内存的关键机制。通过合理使用，可以显著提升代码复用性和性能，但需注意避免过度动态修改原型。现代开发中，class 语法简化了原型操作，但理解 prototype 仍是深入掌握 JavaScript 的基础。