javascript实现继承的多种方式

最新推荐文章于 2025-12-05 08:37:05 发布

最新推荐文章于 2025-12-05 08:37:05 发布 · 63 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种在JavaScript中实现对象冒充的方法，通过构造函数ClassA和ClassB演示了使用call、apply及原型继承的不同方式来实现对象属性和方法的共享。

对象冒充

function ClassA(sColor){

this.color=sColor;

this.sayColor=function(){

window.alert(this.color);

};

}

function ClassB(sColor,sName){

this.newMethod=ClassA;

this.newMethod(sColor);

delete this.newMethod;

this.name=sName;

this.sayName=function(){

window.alert(this.name);

};

}

var objA=new ClassA("red");

var objB=new ClassB("blue","Nicholas");

objA.sayColor();

objB.sayColor();

objB.sayName();

call方法

function ClassA(sColor){

this.color=sColor;

this.sayColor=function(){

window.alert(this.color);

};

}

function ClassB(sColor,sName){

ClassA.call(this,sColor);

this.name=sName;

this.sayName=function(){

window.alert(this.name);

};

}

var objA=new ClassA("red");

var objB=new ClassB("blue","Nicholas");

objA.sayColor();

objB.sayColor();

objB.sayName();

apply方法

function ClassA(sColor){

this.color=sColor;

this.sayColor=function(){

window.alert(this.color);

};

}

function ClassB(sColor,sName){

//ClassA.apply(this,new Array(sColor));

ClassA.apply(this,arguments);

this.name=sName;

this.sayName=function(){

window.alert(this.name);

};

}

var objA=new ClassA("red");

var objB=new ClassB("blue","Nicholas");

objA.sayColor();

objB.sayColor();

objB.sayName();

混合模式

function ClassA(sColor){

this.color=sColor;

}

ClassA.prototype.sayColor=function(){

window.alert(this.color);

};

function ClassB(sColor,sName){

ClassA.call(this,sColor);

this.name=sName;

}

ClassB.prototype=new ClassA();

ClassB.prototype.sayName=function(){

window.alert(this.name);

};

var objA=new ClassA("red");

var objB=new ClassB("blue","Nicholas");

objA.sayColor();

objB.sayColor();

objB.sayName();

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_9380

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript实现继承的几种方式

一杯清泉

04-17

910

核心在于改造原型链，利用原型链的方法，实现了方法的继承。原型链+构造函数组合的方式，发挥二者之长。

在JavaScript中实现继承的几种方式

weixin_44786791的博客

03-05

1471

文章目录前言继承的几种方式构造方式继承进行测试结论修改原型继承进行测试结论（构造函数＋修改原型）组合继承进行测试结论基于组合继承的优化测试结论总结前言 JavaScript作为一门面向对象语言，自然有封装、继承、多态的特性，在其他面向对象语言中(如Java、python等)，通过类来实现继承，而JavaScript中没有类的概念，于是JavaScript的继承方式区别于传统的继承方式，且有多种实现继承的几种方式以下为JavaScript中常见实现继承的方式，不代表全部。构造方式继承 functi

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

JavaScript实现继承

World11_的博客

04-26

1125

面向对象三大特征——封装、继承、多态封装：通过修饰符对其成员访问权限进行限制。其中修饰符指外部、父子本类 public；本类、子类 protected；私有 private。继承：一个类（子类、派生类）继承了其另一个类（父类）。多态：对象多种形态。接下来要解析的是JavaScript实现继承的多种方式。方式一 function Person() { this.name = '王' } function Parent() { this.na

javascript中继承的几种方式

m0_63153901的博客

06-12

4307

在实际编码的过程中，如果有很多类似的方法都存放于构造函数中，这样会导致内存的浪费（内存泄漏），在这种情况下我们就需要用到继承。所谓继承就是通过某种方式让一个对象可以访问到另一个对象中的属性和方法。通过实例化一个函数使子类的原型指向父类的实例，子类就可以调用到父类的属性和方法。代码实现如下：要注意的问题 1.不要忘记默认的类型：在js中所有的引用类型都继承了Object，而继承也是通过原型链实现的。所有存在于Object原型对象上的方法同样也存在。比如：hasOwnProperty()、toString(

【JavaScript修炼】javascript多种继承方式及其优缺点

laplacepoisson的博客

05-07

894

javascript多种继承方式及其优缺点前言一、原型链继承二、借用构造函数（经典继承）三、组合继承四、原型式继承五、寄生式继承六、寄生组合式继承总结🍩原型链继承：🍩借用构造函数：🍩组合继承：🍩原型式继承🍩寄生式继承🍩寄生组合式继承前言本文介绍了javascript中多种继承方式及其优缺点，读完本文将收获：知道javascript中6种继承方式的实现原理知道各种继承方式的优缺点理解各种继承方式之间的联系一、原型链继承顾名思义，原型链继承利用了构造函数的原型对象来实现继承。如下代码中有两

JavaScript 继承方式详解

qq_46032105的博客

09-03

1417

JavaScript提供了多种继承方式：1)原型链继承简单但共享引用属性；2)构造函数继承可传参但无法继承原型方法；3)组合继承结合两者优势；4)原型式继承基于现有对象；5)寄生式继承扩展原型式方法；6)寄生组合式继承是最理想的实现方式；7)ES6的class继承语法更清晰。推荐使用寄生组合式继承或ES6 class继承，它们既高效又避免了常见缺陷，是JavaScript面向对象编程的最佳实践。

【JavaScript】面向对象继承

山赶着山，山山漫漫结成关

12-27

1292

对象编程很重要的一方面，就是对象的继承。A对象通过继承B对象，就能直接拥有B对象的属性和方法。这对于代码的复用是非常有用的。大部分面向对象的编程语言，都是通过“类”（class）实现对象的继承。传统上，JavaScript语言的继承不通过class（ES6引入了class语法），而是通过“原型对象”（prototype）实现。在JavaScript中，面向对象继承有多种实现方式，每种方式都有其优缺点。选择合适的继承方式取决于具体的需求和场景。

JavaScript继承的多种实现方式详解

wenyang12的博客

10-21

781

在JavaScript中，继承是面向对象编程的重要概念之一。通过继承，我们可以让一个对象获得另一个对象的属性和方法，从而实现代码复用。在《JavaScript高级程序设计（第三版）》第6.3节中，详细介绍了JavaScript中实现继承的多种方式。

JS实现继承的6种方式

热门推荐

尘埃丶落定的博客

05-30

2万+

JavaScript实现继承的6种方式 1. 原型链继承将构造函数的原型设置为另一个构造函数的实例对象，这样就可以继承另一个原型对象的所有属性和方法，可以继续往上，最终形成原型链。第一个问题是，当实现继承后，另一个原型的实例属性，变成了现在这个原型的原型属性，然后该原型的引用类型属性会被所有的实例共享，这样继承原型引用类型属性的实例之间不再具有自己的独特性了。第二个问题是...

JavaScript继承的多种方式及优缺点

to_the_Future的博客

03-31

650

【代码】JavaScript继承的多种方式及优缺点。

学习javascript面向对象 javascript实现继承的方式

10-23

在JavaScript中，实现继承有多种方式，每种方式都有其特点、优势和不足。本文将详细介绍六种实现JavaScript继承的方法。 1. 原型链继承原型链继承是通过改变子类型的原型对象来实现继承的。子类型构造函数的原型被...

实现JavaScript中继承的三种方式

10-29

继承的方式有多种，而本文将详细探讨JavaScript实现继承的三种常用方式。首先，我们来了解原型链继承。这是最传统也是最基本的继承方式，利用的是JavaScript基于原型的继承机制。在原型链继承中，子类型的原型对象...

推荐JavaScript实现继承的最佳方式

10-25

在JavaScript中，实现继承的方法有多种，其中包括原型链继承和通过call或apply方法的构造函数继承。本文将探讨如何结合这两种技术来实现JavaScript中的一种最佳继承方式。首先，让我们回顾一下原型链继承的基本...

深入理解JavaScript继承的多种方式和优缺点

10-19

这是JavaScript中最基础的继承方式，通过设置子类的prototype为父类的实例来实现。例如： ```javascript function Parent() { this.name = 'kevin'; } Parent.prototype.getName = function() { console.log(this...

Jeecg AI应用开发平台v1.0.0首版发布，快速搭建AI知识库或AI聊天助手

JEECG官方博客

12-04

763

Jeecg-AI是一款基于大型语言模型和RAG技术的全栈式AI开发平台，支持快速构建和部署个性化AI应用。该平台提供AI知识库管理、流程编排、模型配置、向量库对接等功能，支持ChatGPT、DeepSeek等多种大模型，并可与业务系统深度集成。采用Vue3+Spring Boot技术栈，具备智能问答、文档处理、API生成等能力，相比Dify平台更注重低代码与业务集成。开发者可通过Docker一键部署或源码构建，实现智能应用的快速开发。

推荐 | JoyAgent-JDGenie：开箱即用的端到端多智能体产品