js中组合方式实现继承实例

最新推荐文章于 2024-04-30 12:07:23 发布

何迟

最新推荐文章于 2024-04-30 12:07:23 发布

阅读量687

点赞数

分类专栏： Javascript 前端开发也蛮有意思的

本文链接：https://blog.csdn.net/qq_42036616/article/details/84198185

版权

前端开发也蛮有意思的同时被 2 个专栏收录

82 篇文章 5 订阅

订阅专栏

Javascript

27 篇文章 0 订阅

订阅专栏

要点：

1.js非高级语言，而是一本轻量级的脚本语言，本身没有继承的特性。但是，开发实践中，利用继承可以节省大量重复的对象的属性和方法的定义，所以基于原型，达到曲线继承。

2. 若直接修改原型的指向，如果构造函数需要接收值他们的参数是一致的，那么初始化得到的对象属性值都相同，想要修改只能通过实例对象的原型来修改，比较麻烦。

若使用借用构造函数的方式来完成初始化，那么初始化的实例对象无法使用被继承对象的方法（通过.call(当前对象,参数1，参数2，参数3等)）。

结合以上，得到第一种组合方式来达到继承效果。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>

	<script type="text/javascript">
		function Person(name,qq){
			this.name = name;
			this.qq = qq;
		}
		Person.prototype.show = function(){
			console.log("陈小帅是真的帅");
		}
		function Student(name,qq,num){
			Person.call(this,name,qq);
			this.num = num;
			// 借用构造函数，通过.call(当前对象,参数1，参数2，参数3等);	
		}

		Student.prototype = new Person();

		Student.prototype.say = function(){
			console.log("没错我就是陈小帅")
		}

		var stu = new Student("陈帅帅",2323010676,160720131);
		console.log(stu.name,stu.qq,stu.num);
		stu.show();
		stu.say();

	</script>
	
</body>
</html>

何迟

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js中组合方式实现继承实例

要点：1.js非高级语言，而是一本轻量级的脚本语言，本身没有继承的特性。但是，开发实践中，利用继承可以节省大量重复的对象的属性和方法的定义，所以基于原型，达到曲线继承。2. 若直接修改原型的指向，如果构造函数需要接收值他们的参数是一致的，那么初始化得到的对象属性值都相同，想要修改只能通过实例对象的原型来修改，比较麻烦。若使用借用构造函数的方式来完成初始化，那么初始化的实例对象无...
复制链接

扫一扫

专栏目录