JavaScript - 基于原型(prototype)实现继承

最新推荐文章于 2025-06-18 22:31:33 发布

蔡来了

最新推荐文章于 2025-06-18 22:31:33 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： + JScript 文章标签： OOP

本文链接：https://blog.youkuaiyun.com/weixin_44198965/article/details/96447418

+ JScript 专栏收录该内容

125 篇文章 ¥9.90 ¥99.00

订阅专栏

本文探讨JavaScript中如何通过原型实现继承，解释了不共享方法的后果，以及构造函数与原型对象之间的关系。通过设置prototype属性和constructor指针，确保实例对象能正确访问和继承构造函数中的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在面向对象编程(OOP)思想中，继承是指类与类之间的关系。但在JS中，没有类的概念。当然我们可以通过构造函数来模拟(实现)类与类之间的关系，那么问题来了，虽然JS模拟了类与类之间的关系，但在JS中又怎样实现继承呢？

原型，使得类与类之间可以实现继承，多个实例对象可以共享一个方法。

如果多个实例对象不共享一个方法，不使用原型概念，会发生什么事情？

// 抽象一个数据行为模板(class)
// 构造函数 => Person
function Person(name,age){
   
   
    this.name = name

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蔡来了

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

JavaScript 利用原型和原型链实现对象继承

sf_cyl的博客

07-20

644

实际上JavaScript并不是一门面向对象的语言，不过JavaScript基于原型链的继承方式、函数式语法，使得编程相当灵活，所以可以利用原型链来实现面向对象的编程。之前对JavaScript一直都是一知半解，这两天看了一下原型链这一块知识，综合练习了一下JavaScript的对象继承方式。以下就是原型链和原型的关系，引用网上的一张图在Javascript中，每个函数都有一个原型属

深入理解JavaScript的原型对象

JackZhang的专栏

03-25

4937

JavaScript的继承机制是基于原型，而不是类。因此要理解JavaScript的继承机制，包括基于ES5的框架模型（例如Backbone）的继承机制，需要更深入了解原型对象。

1 条评论您还未登录，请先登录后发表或查看评论

javascript: 基于原型的面向对象编程

bdss58的专栏

04-30

1265

Douglas Crockford指出javascript是世界上最被误解的编程语言。由于javascript缺少常见的面向对象概念，许多程序猿认为javascript不是一个合适的语言。我在做第一个javascript项目时候也发现不能将代码放在一个类中。其实大部分程序猿不知道javascript可以面向对象。浏览器大战时代，Netscape的执行官招来了一个叫Brendan Eich的聪明人

JavaScript prototype原型实现继承

友人C君的博客

03-02

298

构造简单对象（函数也是一种对象，函数内的函数称为方法）当然prototype不是专门为解决上面问题而定义的，但是却解决了上面问题。了解了这些知识就可以构建一个科学些的、复用率高的对象，如果希望实例对象的属性或函数则定义到prototype中，如果希望每个实例单独拥有的属性或方法则定义到this中，可以通过构造函数传递实例化参数。代码如下:每个函数都有一个prototype属性，这个属性是指...

JS原型链和继承

最新发布

qq_41837743的博客

06-18

205

JavaScript原型链是继承的核心机制，通过__proto__属性形成链式查找结构。构造函数prototype关联原型对象，new创建的实例自动继承该原型。继承方式包括：原型链继承（子类原型指向父类实例）、构造函数继承（调用父类构造方法）、组合继承（结合前两者优点）以及ES6的class/extends语法。示例展示了组合继承的实现，通过Animal.call()继承属性，Object.create()继承方法，既实现方法共享又保持属性独立，如Dog实例d调用speak()方法时能正确输出结果。

基于原型的继承

weixin_43811818的博客

09-24

198

1、原型prototype function Person() { } Person.prototype.name = 'xiaoming'; Person.prototype.age = 18; Person.prototype.sayhello = function () { alert(this.name); } //1 创建了对象 //2 this 指向这个对象 //3 执行构造函...

JavaScript基于原型的面向对象系统

山水子农

03-20

878

我们知道在JavaScript中一切（引用类型）都是对象，对象是属性的集合，但是JavaScript中的对象到底是怎么创建的呢？在Java中是通过实例化类来创建一个对象，对象总是从类中的创建而来；在JavaScript中没有类(ES6中的class只是一个语法糖)的概念，那么JavaScript中的对象呢？JavaScript是基于原型的面向对象语言，在原型编程思想中，类并不是必需的，对象未必...

javascript学习笔记（九）javascript中的原型(prototype)及原型链的继承方式

weixin_30932215的博客

04-11

118

在javascript学习笔记（八）中，我们主要学习了在使用javascript面向对象编程时，如何创建对象及添加对象的属性和方法。在使用面向对象编程时，对象间的继承关系自然少不了！而原型正是实现javascript继承的很重要的一种方法！我们首先来看以下代码： function person(name, age) { this.name = name; this.age ...

详解JavaScript中基于原型prototype的继承特性

10-22

与传统面向对象编程语言不同的是，JavaScript没有使用类的继承，而是采用了基于原型链的继承机制。原型链是JavaScript实现继承的核心特性。首先，原型链依赖于构造函数，每个函数都有一个prototype属性，指向一个...

详解JavaScript中基于原型prototype的继承特性_.docx

10-10

JavaScript中的原型（prototype）机制是实现继承的一种核心方式。由于JavaScript是一种基于原型的面向对象语言，它不支持传统的类（class）概念，因此其继承机制显得与众不同。在JavaScript中，对象可以直接从另一个...

JavaScript使用prototype原型实现的封装继承多态示例

10-18

JavaScript中的prototype是实现原型继承的关键，它允许我们向对象添加方法和属性。下面将详细介绍使用prototype实现封装、继承和多态的概念以及相关的代码示例。首先，封装是面向对象编程中的一个核心概念，它涉及...

利用prototype实现JavaScript继承

孙群

07-05

2882

本文主要是讲解如何通过prototype实现JavaScript继承，并逐步循序渐进，最终实现一个继承的通用函数。 1.首先我们定义一个父类Father,如下所示： function Father(){ this.name = "姓名"; this.age = "20"; this.setName = function(str){this.name=str};

prototype实现继承

weixin_34111819的博客

07-19

372

前言：相信很多小伙伴对js继承都不太陌生，有很多实现方式，本文通过两个小故事对使用prototype实现继承来做一个简单解释。。。一、有钱人的故事大家都知道构造函数能通过new操作生成一个实例，他们之间通过__proto__建立一个类似父子的关系，这种关系说起来还是有点抽象，我们可以用一个比较形象的例子来说明一下，请看下面代码： //创建一个有钱人的构造函数 function RichMan(...

javascript是基于原型的是什么意思

weixin_26748899的博客

10-11

548

When I first started learning JavaScript and OOP I heard over and over that JavaScript is an object-oriented language though it is not based on classes but prototypes. In this article we are going to ...

面向对象的Javascript - 通过原型(Prototype)实现继承

weixin_30325971的博客

07-17

258

Prototype的使用方式 Prototype(原型)是Javascript中实现对象继承的基础方式，使用方式为 [function].prototype = [object1] [function]可认为相当于type/class，这样可以使该类型的所有对象继承[object1]中所有Public的属性和方法。在这里public的意思是使用了this.xxx。先看以下例子 Vie...

深入了解JavaScript中基于原型（prototype）的继承机制

前端学习笔记

02-03

686

在翻阅JavaScript语言精粹看到了一句令我感觉诧异的话–**每个对象都连接到一个原型对象，并且它可以从中继承属性。**类似的话在MDN-对象原型也出现过。 ES5 Object.create 2009 JavaScript语言精粹版次：2009年4月第一版 2012年9月第二版 MDN ： Last modified: 2020年7月17日, by MDN contributors ...

prototype原型与继承

weixin_37749567的博客

12-31

645

关于prototype原型、继承、函数构造关于prototype，我们首先需要理解的就是JS中关于面对对象编程的部分，第一部分就是理解对象，对象字面量方法是当今创建对象的首选方法方法，而在es6中更是有关于对象创建的拓展。 //对象字面量方法 let person = { name: 'woo', age: 20, job: 'student', sayName: functi...

JavaScript 基于原型的继承

花落花开的博客

10-05

403

面向对象中的继承特性，有三种实现方案：基于类（class-based）基于原型（prototype-based）基于元类（metaclass-based） JavaScript 采用的是基于原型的实现方案，这也是 JavaScript 最重要的语言特性之一。因此，在 JavaScript 中没有类（class）的概念，对象实例是通过构造函数来创建的。构造函数中有个prototype属性，该属性的值就是原型。原型也是一个对象实例，当使用构造函数创建对象实例时，新创建的对象实例就是从这个原型实例“

JavaScript中基于原型（prototype）继承机制

2401_83703797的博客

03-29

955

技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。有需要面试题资料的朋友点击这里即可获取！！！。问题，之后进一步锤炼自己的技术。

JavaScript原型继承基础教程：基于prototype的面向对象设计

在JavaScript这种基于原型的语言中，类的概念并不明显，而是通过对象之间的引用实现了继承特性。JavaScript的继承机制依赖于每个对象都有一个特殊的`__proto__`或`[[Prototype]]`属性，这个属性指向其构造函数的原型...