首页 / 设计模式 / JavaScript设计模式基础之面向对象的JavaScript（二）

JavaScript设计模式基础之面向对象的JavaScript（二）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript设计模式基础之面向对象的JavaScript（二），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含945字，纯文字阅读大概需要2分钟。

内容图文

多态

多态的实际含义:同一操作作用与不同的对象上面，可以产生不同的解释和不同的执行结果，就是说，给不同的对象发送同一个消息

的时候，这些对象会根据这个消息分别给出不同的反馈

代码如下:

            　　　　 class
             Duck{};
        
            class
             Chicken{};

        let make = function(animal){
            //instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上if(animal instanceof Duck){
                console.log(‘gagaga‘);
            }elseif(animal instanceof Chicken){
                console.log(‘gegege‘);
            }
        }
        make(new Duck());
        make(new Chicken());

这段代码实现了多态性，当我们分别向鸭和鸡发出叫指令时候，他们根据消息做出了不同的反应

运行结果:

技术分享图片

但是这个代码确不能让人满意 因为如果我们还需要增加对象 那么会去反复改动make函数

多态的思想是把变和不变分离开来，改写一下这段代码

改写后代码如下：

            　　　　　//
            鸭
            class
             Duck{};
        Duck.prototype.sound = function(){
            console.log(‘gagaga‘);
        }
        //鸡class Chicken{};
        Chicken.prototype.sound = function(){
            console.log(‘gegege‘)
        }
        //狗class Dog{};
        Dog.prototype.sound = function(){
            console.log(‘wangwangwang‘)
        }
        let make = function(animal){
            animal.sound();
        }
        make(new Duck());
        make(new Chicken());
        make(new Dog());

输出如下：

技术分享图片

这样就已经把对象和行为完全分离了

 

原文：https://www.cnblogs.com/y-y-y-y/p/9649605.html

内容总结

以上是互联网集市为您收集整理的JavaScript设计模式基础之面向对象的JavaScript（二）全部内容，希望文章能够帮你解决JavaScript设计模式基础之面向对象的JavaScript（二）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1148590.html

来源：【匿名】