js实现一个继承方法// 借用构造函数继承实例属性

最新推荐文章于 2021-03-26 14:18:44 发布

原创最新推荐文章于 2021-03-26 14:18:44 发布 · 334 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

101 篇文章

订阅专栏

本文探讨了JavaScript中实现继承的两种方法：借用构造函数继承实例属性和寄生继承原型属性。通过具体代码示例，详细解释了这两种继承模式的工作原理。

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

// 借用构造函数继承实例属性
function Child () {
  Parent.call(this)
}
// 寄生继承原型属性
(function () {
  let Super = function () {}
  Super.prototype = Parent.prototype
  Child.prototype = new Super()
})()

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AI前端高级工程师

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

【JS继承】JS继承之构造函数继承

吉帅振博客

06-16

1478

一、构造函数js中定义一个function，当使用new关键字调用这个function的时候，这个function成为一个构造函数。如下所示：二、new关键字当使用new关键字调用构造函数生成一个对象实例时，js做出的关键处理如下： 1.创建一个新的对象，将构造函数内this指针指向新建对象。 2.将新建对象的__proto__属性设置成构造函数的prototype属性，确保新建对象是构造函数实例。 3.运行一遍构造函数，如果构造函数本身需要返回一个object或者array对象，则舍去新创建对象

浅谈JS继承_借用构造函数 & 组合式继承

10-21

它结合了原型链和借用构造函数的优点，既能通过原型链继承原型属性和方法，又能通过构造函数继承实例属性。 ```javascript function SuperType(name) { this.name = name; this.colors = ["red", "blue", "green...

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

Javascript 继承实现例子

10-29

在真正的Web站点和应用程序中，几乎不可能创建名为ClassA和ClassB的类，更可能的是创建表示特定事物（如形状）的类。考虑本章开头所述的形状的例子，Polygon、Triangle和Rectangle类就构成了一组很好的探讨数据。

javascript中继承(二)-----借用构造函数继承的个人理解

weixin_33834628的博客

05-12

373

本人目录如下：零、寒暄&回顾一，借用构造函数 二、事件代理三，call和apply的用法四、总结零、寒暄&回顾上次博客跟大家分享了自己对原型链继承的理解，想看的同学欢迎猛击这里，上次说到原型链继承有一些问题，主要是两方面的。我们举个栗子来说明下： Q1：共享的超类属性能被任何实例改写，这个是很危险的！看下面一段代码： 1 function...

javascript 构造函数实现继承简单例子

weixin_30347335的博客

09-06

481

使用原型链实现继承，会有一个问题，多个实例共享一个属性。为了解决这个问题，我们使用构造函数来实现继承。 function A(){ 　　this.people=['name','age',"sex"]; } function B(){ 　　A.call(this); } var x=new B(); x.people.push("play") co...

js继承例子

ji860729050的博客

11-25

310

javascript原型与继承 function Person(){}; var boy = new Person();//错误当创建函数在改写原型前时，实例的this指针指向的是改写之前的原型，而不是改写后的原型因此在此处，boy.sayHi()的指针并没有指向改写后的原型正确做法是先改写原型,再创建实例 Person.prototype={ constructor:Person, name:'Nicolas', age:67, job:'software Engineer', sayH

借用构造函数继承

宏斌的博客

02-12

394

借用构造函数（伪造对象/经典继承） *基本思想：在子类型构造函数的内部调用超类型构造函数。 *通过使用apply()和call()方法也可以在（将来）新创建的对象上执行构造函数。 * 相当于在子类型的内部执行了跟超类型身上所有的操作，比如添加属性，方法，实现继承超类型的方法和属性 * 不同于原型链继承的是，子类型不再是超类型的实例,就和名字一样，其余的操作跟创建了一个构造函数一样。 fun...

JavaScript如何借用构造函数继承

10-16

例如，如果我们有一个Person的构造函数，并希望创建一个Employee构造函数，以获得Person的属性，同时添加自己的特性，我们可以使用借用构造函数继承的方式： ```javascript function Person(name) { this.name = ...

浅谈Javascript实现继承的方法

10-23

在Javascript中实现继承是面向对象编程的一个核心概念，它允许一个对象能够继承另一个对象的属性和方法。Javascript是一种基于原型的语言，这与基于类的语言如Java和C++有所不同，因此它的继承机制也显得特别独特。...

JS继承之借用构造函数继承和组合继承

11-22

借用构造函数继承在解决原型中包含引用类型值所带来问题的过程中，开发人员开始使用一种叫做借用构造函数(constructor stealing）的技术（有时候也叫做伪造对象或经典继承）。这种技术的基本思想相当简单，即在子类型构造函数的内部调用超类型构造函数。基本模式 function SuperType(){ this.colors = ["red", "blue", "green"]; } function SubType(){ //继承了SuperType SuperType.call(this); } var instance1 = new SubType(); i

Java继承练习代码

changshuchao的博客

01-30

1251

class Person { protected Person(){ System.out.println("Person()"); } Person(int i){ System.out.println("Person("+i+")"); } } class father extends Person{ private ...

JavaScript继承--借用构造函数继承

果车的博客

01-22

794

目录一、知识回顾：二、借用构造函数实现继承：三、借用构造函数的问题：一、知识回顾：在学习新知识之前我们简单回顾一下 call、apply、bind方法的使用： call和apply的共同点是能够改变函数的执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的；bind() 方法创建一个新的函数，在调用时设置 this 关键字为提供的值。 1、call方法的使用： a：语法： Function.call(obj,[param1[,param2[,…[,para..

js中的借用构造函数继承

mo_jiu的博客

07-26

499

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>借用构造函数继承</title> </head> <body> <script&amp

JavaScript借用构造函数的继承

zcjfat的博客

03-26

183

JavaScript如何实现继承借助call来进行继承下面展示一些内联代码片。 function Parent(name, age) { this.name = name; this.age= age; this.arr = [1, 2, 3] this.howold= function () { console.log(`我${this.age}岁了！`) } } Parent.prototype.r

借用构造函数调用继承

weixin_42355871的博客

10-30

324

3.1借用的方式借用构造函数调用继承，又叫伪装调用继承或冒充调用继承。虽然有了继承两个子，但是这种方法从本质上并没实现继承，只是完成了构造方法的调用而已。使用call或apply这两个方法完成函数借调。这两个方法的功能是一样的，只有少许的区别(暂且不管)。功能都是更改一个构造方法内部的this指向到指定的对象上。 function Father (name,age) { ...

JavaScript 继承---借用构造函数

actorWen的博客

12-23

923

继承---借用构造函数 借用构造函数，也称伪造对象或经典继承。借用构造函数实现继承的基本思想是：在子类型的构造函数内部调用超类型的构造函数。因为函数知识在特定环境中执行代码的对象，因此可以通过apply( )方法和call( )方法在新创建的对象上执行构造函数。如例1所示：例1： function SuperType(){ this.colors=

JavaScript中继承（二）-- 借用构造函数

不断成长的我

01-11

1665

在具体介绍采用构造函数来实现继承之前，我们先回顾一下上一篇中将的原型继承存在的问题。这样才能够做到温故而知新！原型继承方式存在着以下两个重要的问题： ①：超类中的实例属性，如果是引用类型的话，那么这一属性将随着子类原型对象的重写而变成所有子类共享的属性。任意一个子类实例对该属性的修改，都将在其余所有子类中感知到该修改。这一点并不是我们所期待看见的。 ②：使用原型继承时，我们在创建子类型的实

探索JavaScript继承方式：原型链与借用构造函数的优劣

本文将带你探索JavaScript中几种常见的继承方法，包括原型链继承和借用构造函数（经典继承），以及它们各自的优缺点。 1. **原型链继承** - 原型链继承是JavaScript最基础的继承方式，它是基于原型对象实现的。...