JavaScript基础(21)—原型的概述和模拟继承

最新推荐文章于 2022-09-21 09:31:11 发布

msirene

最新推荐文章于 2022-09-21 09:31:11 发布

阅读量142

点赞数

分类专栏： Javasprict

本文链接：https://blog.csdn.net/msirene/article/details/24090209

版权

Javasprict 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>javascript032.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <!--
		js原型：prototype
		在我们每个创建的函数中都有一个属性：prototype属性。原型属性。
		它其实是一个对象,它的用途是把所有实例共享的属性和方法给包含起来。
		我们也可以通过这个属性给对象添加新的属性和功能。
		
		举例：通过画图工具画圆形。
		
		照猫画虎：
			虎.prototype = 猫。
		如果是这样的话，我们修改猫，那么，虎的动作也就被修改了。
		通过这个原型属性，等会我们就可以模拟继承。	
	-->
    <script type="text/javascript">
		function Person(name,age)
		{	
			this.name = name;
			this.age = age;
			
			this.setName = function(n)
			{
				this.name = n;
			};
			
			this.getName = function()
			{
				return this.name;	
			};
			
			this.setAge = function(a)
			{
				this.age = a;	
			};
			
			this.getAge = function()
			{
				return this.age;	
			};
		}
		
		var p = new Person("武松",30);
		alert(p.name+"***"+p.age);
	
		//需求：我现在有一个学生类，他和这个Person类的结构一模一样，
		//怎么办呢？
		/*
		function Student(name,age)
		{
			this.name = name;
			this.age = age;
			
			this.setName = function(n)
			{
				this.name = n;
			}
			
			this.getName = function()
			{
				return this.name;	
			}
			
			this.setAge = function(a)
			{
				this.age = a;	
			}
			
			this.getAge = function()
			{
				return this.age;	
			}	
		}
		
		var s = new Student("石松",29);
		alert(s.name+"***"+s.age);
		*/
		
		//我们发现这里面的代码一模一样，所以，我们决定要改进。
		//重构：重构（Refactoring）就是在不改变软件现有功能的基础上，
		//通过调整程序代码改善软件的质量、性能，使其程序的设计模式和架构更趋合理，提高软件的扩展性和维护性。
		//通过了解重构和java中的继承，我们就想到了，这里的代码其实也是可以优化的。
		//把学生类给注释调用，重写一个。
		function Student(){} //什么都没有定义
		
		//在这里产生一个继承关系
		Student.prototype = p;
		
		var s = new Student();
		s.setName("石松");
		s.setAge(29);
		alert(s.getName()+"***"+s.getAge());
	</script>
  </body>
</html>

msirene

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础(21)—原型的概述和模拟继承

javascript032.html --> <!-- js原型：prototype 在我们每个创建的函数中都有一个属性：prototype属性。原型属性。它其实是一个对象,它的用途是把所有实例共享的属性和方法给包含起来。我们也可以通过这个属性给对象添加新的属性和功能。举例：通过画图工具
复制链接

扫一扫

专栏目录