js原型链继承的实现

最新推荐文章于 2022-09-28 17:43:19 发布

原创最新推荐文章于 2022-09-28 17:43:19 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

39 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function Person(name){
				this.name = name
			}
			//给Person的实例添加原型方法
			Person,prototype.eat = function(){
				alert("eating")
			}
			function Student(score){
				this.score = score
			}
			//缺点每次都要在继承这里传你要的名字
			Student.prototype = new Person("yuchunhui")
			const stu = new Student(150)
		</script>
	</body>
</html>

基于上面的缺点我们改进一下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			function Person(name){
				this.name = name
			}
			//给Person的实例添加原型方法
			Person,prototype.eat = function(){
				alert("eating")
			}
			//自己类的成绩,父类的名字
			function Student(score,name){
				//注意这里呀
				Person.call(this,name) // 等于在这里写 this.name = name,因为call传的this是Student的实例,改变了Person的this指向
				this.score = score
			}
			Student.prototype = new Person("yuchunhui")  //继承
			const stu = new Student(150,"yu")
		</script>
	</body>
</html>