js使用prototype，call/apply实现继承

- 日理万妓 2021-09-16 04:46 248阅读 0赞

1、原型方式

上一篇文章（[https://blog.csdn.net/liuxiao723846/article/details/81984357][https_blog.csdn.net_liuxiao723846_article_details_81984357]）中介绍了原型和原型链，我们可以知道，使用原型继承可以达到：

*  可以动态的给所需对象设置属性和方法 ；
 *  子类继承父类，可以使用和享有父亲的所有属性和方法。

<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>

2、call和apply：

先看下语法

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

解释：把obj的this绑定到thisObj上，这时候thisObj具备了（或者说继承了）obj的属性和方法，然后在thisObj的执行环境里面执行obj的属性和方法，绑定后会立即执行函数。

*  apply和call 本来就是为了扩展函数的作用域而生的，换句话说就是为了改变this的指向存在的
 *  当一个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>

总结：

1）call和apply可以实现多继承，一个子类可以继承多个父类，但是prototype只能有有一个父类；

2）call和apply，可以肤浅理解为在子运行环境中执行父类的方法和属性；

3）prototype可以动态的给对象增加属性和方法；

[https_blog.csdn.net_liuxiao723846_article_details_81984357]: https://blog.csdn.net/liuxiao723846/article/details/81984357