js继承的方法总结(prototype,call,apply)

1,js原型(prototype)继承

首先了解下prototype
1,在js一切皆对象中,了解到凡是通过new function()创建的对象都是函数对象,否则就是普通对象。
2,普通对象没有prototype属性但有_proto_属性,函数对象都包含prototype_proto_属性
3,原型对象的主要作用就是为了实现继承。
4,使用原型继承可以达到:1,可以动态的给所需对象设置属性和方法 。 2,子类继承父类,可以使用和享有父亲的所有属性和方法。


 <html>  
<body>  
<script type="text/javascript">  
    function Person(name,age){  // 父类
        this.name=name;  //父类的私有属性
        this.age=age;  
    }  
    Person.prototype.sayHello=function(){  //用处1,动态的给父类Person增加sayHello方法
        alert("使用原型得到Name:"+this.name);  
    }  
    var per=new Person("马小倩",21);  
    per.sayHello(); //输出:使用原型得到Name:马小倩  

--------------------------------------------- 
      
    function Student(){}  //当做子类
    Student.prototype=new Person("洪如彤",21);  //用处2:子类Student继承父类Person的所有方法和属性
    var stu=new Student();  //然后创建子烈的实例
    Student.prototype.grade=5;  //再给子类动态添加grade属性
    Student.prototype.intr=function(){  //再给子类动态添加intr方法
        alert(this.grade);  
    }  
    stu.sayHello();//使用原型得到Name:洪如彤 。使用从父类继承的sayHello()方法   
    stu.intr();//5  。使用给子类动态添加的intr方法
</script>  
</body>  
</html></SPAN></SPAN>  

2,call和apply

首先了解下call和apply

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);

**
归根揭底就是一句话:
把obj的this绑定到thisObj上,这时候thisObj具备了(或者说继承了)obj的属性和方法,然后在thisObj的执行环境里面执行obj的属性和方法,绑定后会立即执行函数
**

1,apply和call 本来就是为了扩展函数的作用域而生的,换句话说就是为了改变this的指向存在的
2,当一个object没有某种方法,但是其他的有,我们可以借助call和apply来用其他对象的方法来做操作,也可以传参数


 
<body>  
<script type="text/javascript">  
    function  Person(name,age,love){  //原父类方法和私有属性以及方法
        this.name=name;  
        this.age=age;  
        this.love=love;  
        this.say=function say(){  
            alert("姓名:"+name);  
        }  
    }  

    //call方式  
    function student(name,age){  // 可以理解为在student的执行环境里执行person的属性和方法
        Person.call(this,name,age);  
    }  

    //apply方式  
    function teacher(name,love){   //可以理解为在student的执行环境里执行person的属性和方法 
        Person.apply(this,[name,love]);  
        //Person.apply(this,arguments); //跟上句一样的效果,arguments  
   //  Print.apply(this,arguments);  //还可以实现继承多个父类,但是原型 prototype只能继承一个父类!!!切记
    }  

    

    var per=new Person("武凤楼",25,"魏荧屏"); //输出:“武凤楼”  
    per.say();  
    var stu=new student("曹玉",18);//输出:“曹玉”  
    stu.say();  
    var tea=new teacher("秦杰",16);//输出:“秦杰”  
    tea.say();  

</script>  
</body>  
</html></SPAN>  

** 总结:
1,prototype可以动态的给对象增加属性和方法
2,可以实现子类继承父类,拥有父类的属性和方法
3,call和apply的区别,在于参数。
4,call和apply,可以肤浅理解为在子运行环境中执行父类的方法和属性。
5,call和apply可以实现多继承,一个子类可以继承多个父类,但是prototype只能有有一个父类**

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 面向对象 类,原型,实例三者打交道 类里面存放的都是私有属性和方法 原型prototype上存的都是公有的属性和方...
    Dream_丹丹阅读 336评论 0 0
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,102评论 1 10
  • 一、JavaScript基础知识回顾 1.1 JavaScript 1.1.1 javascript是什么? Ja...
    福尔摩鸡阅读 1,339评论 0 7
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • 有一天,看到《听君一席话》里有一期,方励的演讲,名字是《感谢你给我机会上场》。 可能大家不清楚方励是谁,包括当时的...
    蓝之韵阅读 225评论 0 0