JavaScript中 apply/call 与面向对象语言中继承关系的联系和区别

系统管理员 2022-07-15 13:49 59阅读 0赞

如果对apply/call还没有一个大体的概念，请参考以下资料：  
[http://blog.csdn.net/myhahaxiao/article/details/6952321\#reply][http_blog.csdn.net_myhahaxiao_article_details_6952321_reply]

主要问题：apply是可理解为类的继承？

1.测试属性是否被继承

程序结果  
![这里写图片描述][20161024163512513]

**结论：属性可以正常继承**

2.父类中的方法是否可以继承（暂时称呼为父类，并不准确）

调用`tom.show();`方法  
程序运行结果  
![这里写图片描述][20161024163812178]

**结论：父类中的方法可以被正常继承**

3.若子类中存在和父类同名的方法是否会被覆盖

在`student`类中添加如下代码

this.show=function(){ 
        console.log("hello");
    };

程序运行结果  
![这里写图片描述][20161024164126976]

**结论：当子类中存在和父类同名的方法时，子类的方法会覆盖掉父类的方法即调用的为子类的`show`方法**

4.若父类和子类中含有同名方法，但参数个数不同，是否会重载

将子类`student`中的`show`方法改成如下形式

this.show=function(school){ //添加了参数school
        console.log('hello '+school);
    };

父类`people`中的`show`方法不变。如下

this.show=function(){ 
        console.log("my name is "+this.name+" and I am "+this.age+" years old");
    };

\-不传入参数调用show方法`tom.show();`  
运行结果如下  
![这里写图片描述][20161024165446671]

并未调用父类的无参数`show`方法，因为没有传入参数，所以显示undefined。

*  传入一个参数调用show方法`tom.show();`  
    运行结果如下  
    ![这里写图片描述][20161024165750328]  
    不解释，正常调用。

**结论：若父类和子类中含有同名方法，但参数个数不同，同名方法不会被重载**

综上，  
**联系有如下三点**

1.  可以继承父类属性
2.  可以继承父类不同名方法
3.  若父类和子类中存在同名方法，子类方法会覆盖父类方法

**区别有一点**  
不存在重载，及如果子类中存在与父类同名的方法，不论参数个数是否一致，子类的实例都只会调用子类中的同名方法，父类中的同名方法将被隐藏，对于子类的实例来说不可见。

[http_blog.csdn.net_myhahaxiao_article_details_6952321_reply]: http://blog.csdn.net/myhahaxiao/article/details/6952321#reply
[20161024163512513]: /images/20220715/ca247cebdc7a4ba2bbb866d67f581b38.png
[20161024163812178]: /images/20220715/cbb8c9606a624edfa41df9abac0e44ea.png
[20161024164126976]: /images/20220715/e98275c2d9a2484bae75d04d59aa1a0a.png
[20161024165446671]: /images/20220715/cccd1c26fa044e3dba922599c7823486.png
[20161024165750328]: /images/20220715/44636666eea54cbf8d51c687e43322dc.png