JS设计模式之原型模式详解-js教程-PHP中文网

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

php中世界最好的语言

发布： 2018-03-14 14:27:47

原创

2110人浏览过

这次给大家带来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中文网其它相关文章！

PHP轻论坛

简介PHP轻论坛是一个简单易用的PHP论坛程序，适合小型社区和个人网站使用。v3.0版本是完全重构的版本，解决了之前版本中的所有已知问题，特别是MySQL保留字冲突问题。主要特点• 简单易用：简洁的界面，易于安装和使用• 响应式设计：适配各种设备，包括手机和平板• 安全可靠：避免使用MySQL保留字，防止SQL注入• 功能完善：支持分类、主题、回复、用户管理等基本功能• 易于扩展：模块化设计，便于