javascript原型链是什么_它如何实现对象的继承?

admin 百科 11
JavaScript原型链是对象查找属性和方法的隐式路径,通过[[Prototype]]链接实例与构造函数prototype,最终止于Object.prototype.__proto__为null;它是JS继承的核心机制,方法定义在prototype上可共享节省内存。

javascript原型链是什么_它如何实现对象的继承?-第1张图片-佛山资讯网

JavaScript 原型链是对象查找属性和方法时所依赖的一条隐式链接路径,它让对象能“访问”到其构造函数原型(prototype)上的属性和方法,并可逐级向上追溯,直到到达 Object.prototypenull。它不是语法结构,而是一种运行时的查找机制,也是 JS 实现继承的核心基础。

原型链怎么形成的?

每个函数(包括构造函数)都有一个 prototype 属性,指向一个对象;每个实例对象内部都有一个隐式属性 [[Prototype]](可通过 __proto__ 访问,或更推荐用 Object.getPrototypeOf())。当用 new Fn() 创建实例时,该实例的 [[Prototype]] 会自动指向 Fn.prototype

  • 构造函数的 prototype 是实例对象的原型
  • 实例的 __proto__ 指向构造函数的 prototype
  • Fn.prototype.__proto__ 通常指向 Object.prototype(因为 Fn.prototype 本质是普通对象)
  • Object.prototype.__proto__null,链在此终止

原型链如何实现继承?

继承的本质是让子类型实例既能访问自身属性,也能访问父类型的共有方法——这靠的是把父类的方法挂到父构造函数的 prototype 上,再让子构造函数的 prototype 链接到父类实例(或等价对象),从而形成可延续的查找链。

  • 经典方式:用 Object.create(Parent.prototype) 替换子类的 prototype,再修正 constructor
  • 必须在替换 prototype 后,再在新原型上添加子类方法,否则会被覆盖
  • 子类构造函数中需手动调用 Parent.call(this, ...) 来继承实例属性(如 this.name
  • ES6 的 classextends 就是这套机制的语法糖,底层仍靠原型链

为什么说“方法定义在 prototype 上”很重要?

如果把方法写在构造函数里(this.method = function(){}),每次创建实例都会重复生成一份函数,浪费内存。而定义在 prototype 上,所有实例共享同一个函数,既节省空间,又支持动态修改——改一处,所有实例立即生效。

标签: javascript es6 java js 区别 为什么

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~