• 技术文章 >web前端 >js教程

    JS设计模式之原型模式详解

    php中世界最好的语言php中世界最好的语言2018-03-14 14:27:47原创1117
    这次给大家带来JS设计模式原型模式详解,使用JS原型模式的注意事项有哪些,下面就是实战案例,一起来看一下。

    概念:原型模式是指用原型实例指向创建对象的种类,并通过拷贝这些原型创建新的对象。对于原型模式,我们利用javascript原型继承特性去继承特性这样一种方式来创建,也就是创建一个对象作为另一个对象的prototype属性。

    var vehiclePrototype = {
        init: function (carModel) {
            this.model = carModel;
        },
        getModel: function () {
            console.log('车辆模具是:' + this.model);
        }
    };function vehicle(model) {
        function F() { };
        F.prototype = vehiclePrototype;    var f = new F();
        f.init(model);    return f;
    }var car = vehicle('福特Escort');
    car.getModel();//上面代码来自汤姆大叔的博客

    对于原型模式我们在javascript中使用无处不在,往往我们将原型与我们其他设计模式结合起来使用,能达到更好的效果。

    总结:

    说了这么设计模式,你理解的有多少呢,使用设计模式是为了提高我们解决问题的效率,不同的设计模式也是根据不同的应用环境来制订的,而在大多数情况下,设计方式一般是结合起来使用的,往往能达到更好的效果,制定好的设计方案有利于我们解决问题,有利于代码的维护,在使用过程中千万不要为了实用设计模式而强行使用,这样往往会提高代码的复杂度。

    相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    推荐阅读:

    JS设计模式之命令模式详解

    JS设计模式之代理模式详解

    JS设计模式之工厂模式详解

    以上就是JS设计模式之原型模式详解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:JavaScript中的计数排序详解 下一篇:JavaScript中的桶排序详解
    php培训_php实战培训【立即报名】-php中文网第20期

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一篇搞定JavaScript DOM详细操作• 深入聊聊JavaScript• JavaScript迭代器知识点总结• 11个可以提升效率的chrome调试技巧• 简单了解JavaScript数据结构与算法之栈
    1/1

    PHP中文网