javascript中的原型继承是什么_它如何实现代码复用?

2次阅读

javaScript 原型 继承 通过 [[prototype]] 链实现 对象 间属性和方法的共享复用,构造函数 prototype、实例__proto__、Object.create() 及es6 class均基于此机制,本质是对象 委托

javascript 中的原型继承是什么_它如何实现代码复用?

javascript 中的原型继承是一种基于对象的继承机制,它不依赖类(class)结构,而是通过对象内部的 [[Prototype]] 链将一个对象与另一个对象关联起来,使前者可以访问后者的属性和方法。这种机制天然支持 代码复用:多个实例共享同一个原型对象上的方法,避免重复创建函数,节省内存,也便于统一维护。

原型链是怎么工作的?

每个 JavaScript 对象都有一个隐式原型(可通过 __proto__ 访问,或更规范地用 Object.getPrototypeOf()),指向它的构造函数的 prototype 属性所引用的对象。当访问一个对象的属性时,如果该对象自身没有这个属性,引擎会沿着 [[Prototype]] 链向上查找,直到找到或到达 NULL

  • 函数的 prototype 是一个对象,供其实例共享方法
  • 实例的 __proto__ 指向其构造函数的 prototype
  • 所有普通对象最终都继承自 Object.prototype

如何用构造函数 + prototype 实现复用?

这是最经典的原型继承写法:把可复用的方法定义在构造函数的 prototype 上,而非每次在构造函数体内 this.xxx = function(){…},从而让所有实例共用同一份函数。

function Person(name) {this.name = name;} Person.prototype.sayHello = function() {   return `Hello, I'm ${this.name}`; };  const a = new Person('Alice'); const b = new Person('Bob'); console.log(a.sayHello === b.sayHello); // true —— 同一个函数,复用成功

ES6 class 只是语法糖,底层仍是原型

class 写法看起来像传统 面向对象 语言,但本质没变:它只是对原型继承的 封装。所有 method 仍被添加到类的 prototype 上,Static 方法则挂载在类本身。

立即学习Java 免费学习笔记(深入)”;

  • class A {method(){}}A.prototype.method 存在
  • extends 会设置 子类 prototype.__proto__ 指向 父类 prototype,构成继承链
  • super 在方法中实际访问的是 [[Prototype]] 链上的上层方法

Object.create() 是更直接的原型继承方式

它跳过构造函数,直接以指定对象为原型创建新对象,适合纯对象间的委托复用。

const animal = {eats: true,   walk() {console.log('walking……'); } };  const rabbit = Object.create(animal); rabbit.jumps = true;  console.log(rabbit.eats); // true —— 来自原型 rabbit.walk(); // walking…… —— 复用原型方法

这种方式清晰体现了“对象委托”思想,也是实现组合式复用的常用手段。

以上就是

站长
版权声明:本站原创文章,由 站长 2025-12-20发表,共计1365字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
1a44ec70fbfb7ca70432d56d3e5ef742
text=ZqhQzanResources