JavaScript中的几种继承方式

痛定思痛。 2022-07-10 04:22 185阅读 0赞

## **JavaScript中的几种继承方式:** ##

**一:原型链**

**     **让原型对象等于另一个类型的实例.此时,原型对象包含一个指向另一个原型的指针,相应地,另一个原型中也包含着指向另一个构造函数的指针.

function  A()\{

this.prototype = true;

\}

A.prototype.getAValue = function()\{

return  this.prototype;

\}

function  B()\{

this.Bprototype = false;

\}

//B继承A

B.prototype = new A();

var b = new B();

alert(b.getAValue());   //true

缺点:

1.包含引用类型值的原型属性会被所以实例共享.

2.在创建子类型的实例时,不能向超类型的构造函数传递参数.

**二:借用构造函数**

**     **在子类型构造函数的内部调用超类型的构造函数

function  A(name)\{

this.color =\["red"\];

this.name = name;

\}

function B()\{

//B继承A

A.call(this,"Tom");

\}

var b = new B();

alert(b.name);  // Tom

b.color.push("blue");

alert(b.color);  // red,blue

var b2 = new B();

alert(b.color);  // red

优点:可以在子类型构造函数向超类型的构造函数传递参数.

缺点:

1.如果仅仅借用构造函数,那么将无法避免构造函数存在的问题:方法都在构造函数中定义,因此函数无法复用.

2.在超类型中定义的函数,在子类中不可见,只能使用构造函数模式,因此,这种方式很少单独使用.

**三:组合继承**

使用原形链实现对原型属性和方法的继承,通过借用构造函数实现对实例属性的继承,这是JavaScript中最常用的继承模式.

缺点:调用两次超类型的构造函数

**四:原型式继承**

**     **在object()函数内部先创建一个临时性的构造函数,然后将传人的对象作为这个构造函数的原型,最后再返回这个临时类型的新实例

function  object(o)\{

function F()\{\}

F.prototype = o;

return new F();

\}

缺点:包含引用类型值的属性始终都会共享相应的值,就像使用原型模式一样.

在没必要创建构造函数,而只是想让一个对象和另一个对象保持类似的情况下,可以使用原型式继承.

**五:寄生式继承**

**     **创建一个仅用于封装继承过程的函数,该函数在内部以某种方式来增强对象,最后再返回对象.

function createAnother(o)\{

var clone = object(o);

clone.sayHi()\{

alert('hi');

\};

return clone;

\}

**     **var Person = \{

name: "Tom"

\};

var anotherPerson = createAnother(Perpso);

anotherPerson.sayHi();  //"hi"

缺点:使用寄生式继承来为对象添加函数,会由于不能做到函数复用而降低效率(与构造函数模式类似).

**六:寄生组合式继承**

**     **用借用构造函数来继承属性,通过原型链的混成形势来继承方法.

思路:不必为了指定子类型的原型而调用超类型的构造函数,而所需要的无非就是超类型原型的一个副本而已.本质上就是,使用寄生式继承来继承超类型的原型,然后再将结果指                 定给子类型的原型.

function inheritPrototype(B,A)\{

var  prototype = object(A.prototype);   //创建对象

prototype.constructor = B;                     //增强对象

B.prototype = prototype;                        //指定对象

\}

inheritPrototype()函数实现了寄生组合继承的最简单形式.

优点:只调用一次超类型的构造函数

发表评论取消回复

表情：

评论列表（有 0 条评论，185人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript中的几种继承？如何实现继承？

在 JavaScript 内, 继承是面向对象变成中一个重要的开发思想, 核心就是让 A 对象使用 B 对象的属性和方法. 说白了, 就是为了资源整合, 让我们的代码复用性更高

末蓝、/ 2024年03月25日 06:08/ 0 赞/ 44 阅读

相关 JavaScript继承的几种方法

文章目录继承 1. 什么是继承例子: 面向对象的特性:封装,继承,多态 2. JavaScr

小咪咪/ 2023年01月13日 13:59/ 0 赞/ 132 阅读

相关 JavaScript继承的几种方式解析

(一).对象冒充概念:新的类冒充旧的类(旧的类必须采用构造函数的方式) 示例代码: //父类 function people(name,age)\{ this.n

短命女/ 2022年09月17日 12:23/ 0 赞/ 160 阅读

相关 Javascript中的几种继承方式比较

开篇 > 从’严格’意义上说，javascript并不是一门真正的面向对象语言。这种说法原因一般都是觉得javascript作为一门弱类型语言与类似java或c\之类的强

太过爱你忘了你带给我的痛/ 2022年07月31日 16:16/ 0 赞/ 171 阅读

相关 JavaScript中的几种继承方式

JavaScript中的几种继承方式: 一:原型链让原型对象等于另一个类型的实例.此时,原型对象包含一个指向另一个原型的指针,相应地,另一个原型中也包含着指

痛定思痛。/ 2022年07月10日 04:22/ 0 赞/ 186 阅读

相关 JS实现继承的几种方式

前言 JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。 JS继承的实现方式既然要实现继承，那么首先我们得有一

墨蓝/ 2022年06月17日 07:50/ 0 赞/ 262 阅读

相关 javascript中继承的3种方式

function S() { this.name = "sss"; } S.prototype.say = function() {

叁歲伎倆/ 2022年05月28日 03:35/ 0 赞/ 215 阅读

相关 javaScript中的继承方式12种

javaScript中的对象的继承方式摘自《JavaScript面向对象编程指南（第二版）》 ![28][] ![29][] ![30][] ![31][]

àì夳堔傛蜴生んèń/ 2022年05月23日 09:10/ 0 赞/ 226 阅读

相关 js中的几种继承方式

定义父类： // 定义一个动物类 function Animal (name) { // 属性 this.name = name ||

素颜马尾好姑娘i/ 2021年09月18日 02:48/ 0 赞/ 396 阅读

相关 JS实现继承的几种方式

前言 JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。既然要实现继承，那么首先我们得有一个父类，代码如下：

你的名字/ 2021年01月27日 16:07/ 0 赞/ 757 阅读