javascript——混合继承（借用构造函数+原型继承）

最新推荐文章于 2023-01-31 22:12:48 发布
最新推荐文章于 2023-01-31 22:12:48 发布
阅读量558 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuao107329/article/details/45720217
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" charset="UTF-8">
			/**
			 * 借用构造函数继承：缺点是无法继承父类原型中的
			 */
			
			function Parent(name,age,sex){
				this.name = name;
				this.age = age;
				this.sex = sex;
			}
			
			Parent.prototype.id = 10;
			
			function Child(name,age,sex){
				Parent.call(this,name,age,sex);
				this.sayName = function(){
					alert('我是'+name);
				};
			}
			
			var c1 = new Child('leo',23,'男');
			alert(c1.name);
			alert(c1.age);
			alert(c1.sex);
			c1.sayName();
			
			/**
			 * 原型继承 + 借用构造函数继承   =   混合继承
			 */
			Child.prototype = new Parent();
			var c2 = new Child('liuao',22,'男');
			alert(c2.id);//10
			
		</script>
	</head>
	<body>
	</body>
</html>

Saltwater_leo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
01-19
证明你对JavaScript面向对象已经有一定的了解，如还有什么不理解的可以参考《面向对象JS基础讲解，工厂模式、构造函数模式、原型模式、混合模式、动态原型模式》，接下来讲一般通过那些方法完成JavaScript的继承。...
Vue学习11--混合继承
weixin_45048086的博客
10-29 326
Vue学习11–混合继承 混合继承实现的效果： A有一个data属性,和一个say方法 B有一个see方法和一个name属性 A继承B后，A除了有自己的一个data属性,和一个say方法，还有B的一个see方法和一个name属性 在C里混合AB后，C有自己的东西和A的一个data属性,和一个say方法，还有B的一个see方法和一个name属性 一、继承 Vue.extend方法 Vue.extend( Vue ComponentOptions ) 是全局方法，使用基础 Vue 构造器，创建一个“子类”。参数
构造函数原型和继承
qq_38256266的博客
07-13 352
构造函数原型和继承一、构造函数原型1.1、实例成员1.2、静态成员2、构造函数内存分配问题3、构造函数原型prototype4、对象原型5、constructor6、查找机制7、原型链8、原型对象中this指向二、继承2.1、理解继承2.2、call方法实现继承2.3、借用原型对象继承方法2.4、class继承 一、构造函数原型 我们先学习两个概念 1.1、实例成员 是在构造函数内部通过this添加的成员，实例成员只能通过实例化的对象来访问。 // 实例成员 function Star(name, ag
面向对象继承--混合继承
zhangyiyang111的博客
12-30 364
混合继承 混合继承：对象冒充继承+原型链继承 //1.父类构造函数 function Student(name,age,sex){ this.name = name; this.age = age; this.sex = sex; this.arr = [1,2,3]; } Student.prototype.classId = "1116" Student.prototype.study = function(){ console.log("good good st
原型链继承和借用构造函数继承存在的问题
lxuanz的博客
06-12 583
1.原型链继承 //原型对象上的属性和方法都能被实例对象共享 function Animal(){ this.name = ‘ale’; this.color=[‘red’,‘yellow’]; }; Animal.prototype.sayName=function (){ return this.name; }; function Dog () { }; Dog.prototype = new Animal(); Dog.prototype.constructor = Dog; var d1=new D
JS继承方式及其优缺点总结
yyysss9的博客
07-04 1871
- 优点：最简单的方式，将子类的原型指向父类的实例即可。 - 缺点：一是引用类型的属性被所有实例共享，修改堆内存数据时会将所有实例数据都修改，但是直接创建新的存储对象就不会产生这个错误。二是创建子类实例时不能向超类型的构造函数中传递参数。（因此开发中很少单独使用原型链）- 优点：能实现属性的继承，也可以在子类型创建实例时为父类型传递参数。 - 缺点：借用构造函数虽然解决了刚才的问题，但不能继承构造函数的原型，只能继承构造函数的属性和方法。因此每次创建子类实例时都会调用构造函数、复制构造函数，会影
JavaScript使用原型和原型链实现对象继承的方法详解
10-20
**借用构造函数** 为了解决上述问题，我们可以使用构造函数的`apply`或`call`方法在子类构造函数内部调用父类构造函数，确保子类实例拥有独立的属性： ```javascript function Parent(name) { this.name = name |...
浅谈JS继承_借用构造函数 & 组合式继承
10-21
总结来说，JavaScript 中的继承是通过原型链、借用构造函数和组合式继承等方法实现的。每种方法都有其优缺点，开发者需要根据实际需求选择合适的方式。组合继承虽然在某些情况下会导致额外的对象创建，但它提供了更...
JavaScript类的继承方法小结【组合继承分析】
12-11
借用构造函数是一种解决子类无法向超类传递参数以及共享引用类型属性的问题的方法。在`bObj`构造函数中调用`aObj.call(this)`，这样`bObj`实例就会拥有`aObj`的属性和方法。然而，这种方法仅处理了构造函数内的继承...
六种继承方式（js）
weixin_45773503的博客
09-26 502
1.简单原型链 // 创建要继承的父类 function Father() { // 自带的属性和方法 this.name = "li"; this.show = function() { console.log("帅"); } }; // 在父类的原型上添加方法 Father.prototype.c
【JavaScript】原型继承、借用继承、组合继承、类继承、拷贝继承
最新发布
LuWeien的博客
01-31 263
希望Son调用的时候，既使用Father里面的内容，同时希望Father里面的内容改成自己的，也就是说，希望使用的时候，this指向自己的this。- 在继承中，父类的部分方法和属性不希望子类继承。特点: ES6的类可以继承ES5的构造函数。继承下来的属性不在子类身上，在原型身上。只能继承父类的属性，不能继承原型的方法。- 把原型继承和借用继承组合在一起。借用构造函数继承/call继承。true 表示该属性在该对象上。2. 继承的属性在自己身上。可以继承父类的属性和方法。1. 能继承属性和方法。
JavaScript构造函数和原型:继承
薛定谔的猫
11-22 199
本质：子类原型对象等于是实例化父类，因为父类实例化之后另外开辟空间，就不会影响原来父类原型对象。i++就是i = i + 1;的语法唐，因为这样的写法更加简单。意思就是使用父构造函数的方法，并把this指向的是子构造函数。写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。一般情况下，对象的方法都在构造函数的原型对象中设置，通过。，这样就可以实现子类型继承父类型的属性。将子类所共享的方法提取出来，让子类的。有两种方法可以实现同样的功能。从新指向子类的构造函数。的所有方法都定义在类的。
javascript中的原型与继承3-混合继承（Combination Inheritance）
zgrbsbf的专栏
11-27 467
混合继承，又叫做伪古典继承（pseudoclassical inheritance），他就是把原型链和构造函数窃取结合在了一起，使用原型链继承属性和方法，使用构造函数窃取来得到实例属性。 //例子来源于Professional JavaScript  for Web Developers,third edition ,Volume 1的209页 function SuperType(name)
继承的简单理解，原型对象继承，类继承，混合方式继承
二手农民的学习博客
07-16 1513
我们都知道构造函数、原型和实例直接的关系，如果我们让原型对象等于另一个类型的实例，结果会怎么样呢？显然此时的原型对象将包含一个指向另一个原型的指针，相应的另一个原型中也包含着一个指向另一个构造函数的指针。原型链:利用原型让一个引用类型继承另外一个引用类型的属性和方法。简单继承（原型继承）类继承（模版继承或借用构造函数继承）混合使用继承实现完整的继承 //原型继承方式 //父类
原型继承，借用构造函数继承，组合继承和拷贝继承
bettered的博客
07-01 763
原型继承： 为了数据共享,改变原型指向,做到了继承，通过改变原型指向实现的继承。 //动物的构造函数 function Animal(name,weight) { this.name=name; this.weight=weight; } //动物的原型的方法 Animal.prototype.eat=function () { ...
javascript中继承(二)-----借用构造函数继承的个人理解
weixin_33834628的博客
05-12 321
本人目录如下： 零、寒暄&回顾 一，借用构造函数 二、事件代理 三，call和apply的用法 四、总结 零、寒暄&回顾 上次博客跟大家分享了自己对原型链继承的理解，想看的同学欢迎猛击这里，上次说到原型链继承有一些问题，主要是两方面的。我们举个栗子来说明下： Q1：共享的超类属性能被任何实例改写，这个是很危险的！看下面一段代码： 1 function...
原型链继承、借用构造函数继承、组合继承、es6继承
weixin_47796203的博客
11-24 240
1、原型链继承 父类的实列作为子类的原型 function Father( name ) { this.name = name; this.say = function () { console.log( this.name + "劝你耗子尾汁" ) } } Father.prototype.skill = function(){ console.log( this.name + "即将释放闪电五连鞭
JS中的三种继承方式（原型链继承、冒充继承、混合继承）
zhengjingID的博客
06-15 319
//创建一个人类 function People(name,age,sex,country){ this.name=name; this.age=age; this.sex=sex; this.country=country; } People.prototype.eat=functio...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值