基于原型链的继承方式

深入理解数据库原理
以实战为基础,以数据库原理为基础,结合实战,深入理解数据库原理。
wangxiaoming

基于原型链的继承方式


看代码:

<html>
	<head>
		<title>动画效果</title>
		<script type="text/javascript"  src ="jquery-1.12.0.min.js"></script>
		<script type="text/javascript"  src ="demo.js"></script>
		<link rel="stylesheet"  href="demo.css" type="text/css"/>
		
		<script type="text/javascript">
			var person = {
					 name:"悟空",
					 say:function(){
					 	   alert(this.name);
					 	}
	       };
	    var Student = clone(person);
	 		Student.say();	
	 		function clone(obj){
	 			// clone方法 设置一个function 然后设置原型对象指向
	     		var f = function(){}; 
	     	 	f.prototype = obj;
	     	 	return new f();
	  }
	
	</script>
  </head>
  <body>
  	<input type="button" id="btn" value="免费获取验证码"/>  
  	<!--<input  type="button" value="按钮"/>
  	<input  type="button"></input>-->
  	<div id ="box">	
  		
  	</div>
  </body>
</html>


重写一般使用在继承中,重载一般在一个类中

如何用原型链实现重写呢

看代码:

<html>
	<head>
		<title>动画效果</title>
		<script type="text/javascript"  src ="jquery-1.12.0.min.js"></script>
		<script type="text/javascript"  src ="demo.js"></script>
		<link rel="stylesheet"  href="demo.css" type="text/css"/>
		
		<script type="text/javascript">
			var person = {
					 name:"悟空",
					 say:function(){
					 	   alert(this.name);
					 	}
	       };
	    var Student = clone(person);
	 		//Student.say();
	 		Student.no ="";
	 		//重写父类的say 方法
	 		Student.say = function(){
	 			alert(this.no+','+this.name);
	 		}
	 		function clone(obj){
	 			// clone方法 设置一个function 然后设置原型对象指向
	     		var f = function(){}; 
	     	 	f.prototype = obj;
	     	 	return new f();
	  }
	  //新建一个Student对象
	  var stu = clone(Student);
	  stu.no="122";
	  stu.say();
	</script>
  </head>
  <body>
  	<input type="button" id="btn" value="免费获取验证码"/>  
  	<!--<input  type="button" value="按钮"/>
  	<input  type="button"></input>-->
  	<div id ="box">	
  		
  	</div>
  </body>
</html>




wangxiaoming CSDN认证博客专家 架构 Spring Boot Redis
博客是很好的总结和记录工具,如果有问题,来不及回复,关注微信公众号:程序员开发者社区,获取我的联系方式,向我提问,也可以给我发送邮件,联系 1275801617@qq.com
©️2020 CSDN 皮肤主题: Age of Ai 设计师: meimeiellie 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值