JS继承三种方式

最新推荐文章于 2024-08-30 22:25:34 发布

openBlog

最新推荐文章于 2024-08-30 22:25:34 发布

阅读量466

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/openblogs/article/details/21038879

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

prototype继承

<script type = "text/javascript">
//继承1
   //父类
   function Person (name,age) {
	    this.name = name;
		this.age = age;
	 }
	 Person.prototype.country = "中国";
	 Person.prototype.study  = function(){
          alert(this.name+"-"+this.age+"岁,正在学习,勿扰!");
   }
   //子类
   function Teacher(school){
       this.school = school;
         
   }
   //核心继承
   Teacher.prototype = new Person("迟老师",26);
   var t = new Teacher("北爱小学");
   t.study(); 

</script>

构造函数继承

this.animal=Animal;给Person类的实例,扩展一个属性,该属性指向Animal类
this.animal(); 调用Animal类(函数),此时Animal中的this就是Person类创建的实例

<script type = "text/javascript">
//继承2

   function Person () {
	    this.name = "robbin"
		this.age = 18;
		this.country = "中国";
        this.study  = function(){
          alert(this.name+"-"+this.age+"岁,正在学习,勿扰!");
	  }
   }

   function run(){
        alert(this.name);
      
   }
   
   //子类 通过构造函数传入
   function Teacher(school,fun){
       this.school = school;
	   this.run = fun;
	   this.person = Person;
	   this.person(); 
	   
	     
   }

   //核心继承
   var t = new Teacher("北爱小学",run); 
   console.debug(t);
   t.study(); 
  
</script>

通过apply或者call实现继承

<script type="text/javascript">
		function Person(name){
			this.name=name;
			
			/* //--★★★★★通过以下代码实现继承,核心语句就下面两句
			this.animal=Animal;//给Person类的实例,扩展一个属性,该属性指向Animal类
			this.animal();//  调用Animal类(函数),此时Animal中的this就是Person类创建的实例 */
			
			//--------下面两句话和上面的代码功能一致-------------
			//Animal.call(this);//这样做相当于this调用了Animal()
			Animal.apply(this);//这样做相当于this调用了Animal()
		}

		var p=new Person("张三");
		
		
		function Animal(){
			this.blood="red";
		}
		alert(p.blood);

	</script>