js 多态

最新推荐文章于 2024-04-08 09:59:43 发布

木头没有瓜

最新推荐文章于 2024-04-08 09:59:43 发布

阅读量337

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_40918145/article/details/111287820

版权

js 专栏收录该内容

91 篇文章 1 订阅

订阅专栏

本文详细介绍了JavaScript中多态的概念，通过实例展示了如何在Animal、Cat和Dog类中实现多态。通过AnimalBite函数调用不同对象的bite方法，实现了根据不同对象类型返回不同结果的多态行为，从而提高了代码的可维护性和灵活性。

摘要由CSDN通过智能技术生成

参考文章：https://blog.csdn.net/qq_22896159/article/details/81779667
多态

多态就是在执行同一操作且作用于不同对象时，返回不同的结果。其实也就是把做什么和由谁去做分开，这样使得代码更容易维护，且条例清晰。

例子：

function dwn(s){
    document.write(s+"<br/>");
}
function Animal(){
    this.bite=function(){
        dwn("animal bite!");
    }
}
function Cat(){
    this.bite=function(){
        dwn("Cat bite!");
    }
}
Cat.prototype=new Animal(); ///inherit Animal
function Dog(){
    this.bite=function(){
        dwn("Dog bite");
    }
}   
Dog.prototype=new Animal();  ///inherit Animal
function AnimalBite(animal){
    if(animal instanceof Animal) //这里是判断animal的原型是否指向Animal
    animal.bite();
}
var cat = new Cat();
var dog = new Dog();
AnimalBite(cat);
AnimalBite(dog);
//最终输出的结果如下：
/*
    Cat bite!
    Dog bite
*/