25.原型继承和原型链继承？

最新推荐文章于 2022-04-07 17:26:07 发布

yingxingyf

最新推荐文章于 2022-04-07 17:26:07 发布

阅读量227

点赞数

分类专栏： javascript常见问题总结 javascript学习路线文章标签： javascript 开发语言 elasticsearch

本文链接：https://blog.csdn.net/qq_44930379/article/details/121604275

版权

javascript学习路线同时被 2 个专栏收录

25 篇文章 1 订阅

订阅专栏

javascript常见问题总结

22 篇文章 1 订阅

订阅专栏

所谓继承：就是子对象自动拥有父对象的属性和方法，继承可以提高代码的复用性。 JS里的继承主要依靠是的原型链。让原型对象（每一个构造函数都有一个原型对象porotype）的值，等于另一个类型的实例，即实现了继承；另外一个类型的原型再指向第三个类型的实例，以此类推，也就形成了一个原型链。
作用:实现实例共享方法和属性的继承，原型继承。
优点：不用将每个实例一样的属性和方法放在构造函数中，每次new都会创造内存，浪费内存，prototype减少内存的浪费

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
	</body>
</html>
<script type="text/javascript">

//定义Animal类
function Animal(age){
	this.age = age;
}

Animal.prototype.go = function(){
	alert("跑");
}

//定义Person类（ES3中叫对象）
function Person(id,name){
	this.id = id;
	this.name = name;
}

Person.prototype = new Animal(10);

Person.prototype.eat = function(str){
	alert(this.name+"在吃"+str);	
}

//定义Programmer类型
function Programmer(language){
	this.language = language;
}

//用prototype属性实现继承
Programmer.prototype = new Person("007","冲儿",28);

Programmer.prototype.writeCode=function(xuqiu){
	alert(this.name+"用"+this.language+"编程语言，努力地写着"+xuqiu);
}


window.onload = function(){
	let p1 = new Programmer("js");
	p1.eat("泡面");
	p1.go();
	p1.writeCode("飞机大战");
}

</script>

01prototype继承的内存示意图：

02prototype继承示意图（子类自己特有的prototype方法）

yingxingyf

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
25.原型继承和原型链继承？

所谓继承：就是子对象自动拥有父对象的属性和方法，继承可以提高代码的复用性。 JS里的继承主要依靠是的原型链。让原型对象（每一个构造函数都有一个原型对象porotype）的值，等于另一个类型的实例，即实现了继承；另外一个类型的原型再指向第三个类型的实例，以此类推，也就形成了一个原型链。作用:实现实例共享方法和属性的继承，原型继承。优点：不用将每个实例一样的属性和方法放在构造函数中，每次new都会创造内存，浪费内存，prototype减少内存的浪费<!DOCTYPE html>.
复制链接

扫一扫