手机版

工厂模式JavaScript设计模式的简单示例教程

时间:2021-08-31 来源:互联网 编辑:宝哥软件园 浏览:

本文展示了JavaScript设计模式的工厂模式。分享给大家参考,如下:

一、工厂模式概念

工厂模式定义了一个创建对象的接口,哪个子类决定了实例化哪个类。这种模式将类的实例化延迟到子类。子类可以在创建时覆盖接口方法来指定它们自己的对象类型(抽象工厂)。

这种模式非常有用,尤其是在为创建对象的过程赋值时,例如依赖于许多设置文件。此外,您经常会在程序中看到工厂方法,这些方法用于子类定义要创建的对象类型。

二、工厂模式的作用和注意事项

模式作用:

1.物体的构造非常复杂——我们穿鞋非常简单,但是做鞋的过程非常复杂

2.要根据具体环境创造不同的例子——工厂可以做鞋子和衣服,工厂可以做我需要的鞋子(鞋子不一样),然后送到指定的地方(地方可以不一样),可以理解为不同的例子

3、处理大量属性相同的小物件——比如买一双鞋,没必要找工厂生产

注意事项:

1.你不能滥用工厂,有时它只会增加代码的复杂性——如上图3所示

三、工厂模式代码和实战总结

!doctype html headlang=' en ' metacarset=' utf-8 ' title factory mode/title/head dyscript//1。工厂应该有一个厂长来决定经营哪条生产线。consumer-子类vargong={ };功昌.单逸夫=function(){ this . gong ren=50;Console.log('我们有' this . gong ren);} gon Chang . chanxie=function(){ this . gon ren=100;Console.log('鞋');} gong Chang . yun Shu=function(){ this . gong ren=10;console . log(' transport ');}弓长长=函数(para){返回新常工[para]();} var we=拱长.长长('单逸夫');var me=拱长.长长(' chan Xie ');console . log(me . gong ren);var ys=弓长长('舒云');console . log(ys . gong ren);/script/body/HTML使用在线HTML/CSS/JavaScript代码运行工具,http://tools.jb51.net/code/HtmlJsRun测试运行如下:

关于JavaScript的更多信息,请参考本网站的主题:《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、0103010。

希望本文对JavaScript编程有所帮助。

版权声明:工厂模式JavaScript设计模式的简单示例教程是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。