当前位置:Gxlcms > JavaScript > JS设计模式之原型模式详解

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

时间:2021-07-01 10:21:17 帮助过:17人阅读

这次给大家带来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中使用无处不在,往往我们将原型与我们其他设计模式结合起来使用,能达到更好的效果。

总结:

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

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

推荐阅读:

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

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

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

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

人气教程排行