继承案例

原创于 2016-03-15 23:17:37 发布 · 321 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#继承

web-javascript 专栏收录该内容

93 篇文章

订阅专栏

<span style="font-size:18px;"><!DOCTYPE html>
<html>
 <head>
  <title> new document </title>
  <meta charset="utf-8" />
	<script>
		//飞行物的构造函数
		function Flyer(fname,speed){
			//this->a380
			this.fname=fname;
			this.speed=speed;
		}
		Flyer.prototype.fly=function(){
			console.log(this.fname+" 以时速 " +this.speed+" 飞行");
		}
		//飞机 是 飞行物
		function Plane(fname,speed,capacity){
			//this->a380
			//Flyer.call(this,fname,speed);//借用父类型构造函数
			Flyer.apply(this,arguments);
			//fname和speed自有属性
			this.capacity=capacity;
		}
		//设置继承: Plane.prototype继承Flyer.prototype
		Object.setPrototypeOf(
			Plane.prototype,Flyer.prototype
		);
		var bird=new Flyer("小麻雀",50);
		//bird.__proto__=Flyer.prototype
		//console.log(bird);
		bird.fly();
		var a380=new Plane("A380",1000,555);
		//a380.__proto__=Plane.prototype
		//console.log(a380);
		a380.fly();
	</script>
 </head>

 <body>
  
 </body>
</html>
</span>