温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

常见的js设计模式有哪些

发布时间:2021-11-12 11:27:27 来源:亿速云 阅读:234 作者:iii 栏目:开发技术

这篇文章主要介绍“常见的js设计模式有哪些”,在日常操作中,相信很多人在常见的js设计模式有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”常见的js设计模式有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

  js常见的几种设计模式有什么

  一.单例模式

  单例模式也称作为单子模式,更多的也叫做单体模式。为软件设计中较为简单但是最为常用的一种设计模式。在JavaScript里,实现单例的方式有很多种,其中最简单的一个方式是使用对象字面量的方法,其字面量里可以包含大量的属性和方法。

  要扩展该对象,可以添加自己的私有成员和方法,然后使用闭包在其内部封装这些变量和函数声明。样例代码。

  二、工厂模式

  工厂模式是由一个方法来决定到底要创建哪个类的实例,而这些实例经常都拥有相同的接口。这种模式主要用在所实例化的类型在编译期并不能确定,而是在执行期决定的情况。

  实例这段代码来自es5的new和构造器的相关说明,new本身只是一个对象的复制和改写过程,而具体会生成什么是由调用ObjectFactory时传进去的参数所决定的。

  js常见设计模式还有什么

  适配模式

  适配模式主要是为了解决一些接口不兼容产生的解决方法。适配器可以在不修改这些不兼容接口的情况下给使用者提供统一的包装过的适配接口。表面上又感觉和之前的门面模式比较像,均是对其他对象或者接口进行包装再呈现,而适配器模式偏向的是解决兼容性问题,门面模式则偏向方便性为原则。

  比如一个简单的学生查询学科成绩的方法:

  这是一个关于适配器来处理参数方面兼容的形式。适配器模式意义上很简单-适配,解决兼容问题。

  例子二:jquery里边的$选择器需要改成$id才能和项目搭配,将$转换成$id就很轻松了。

  外观模式

  外观模式,是一种相对简单而又无处不在的模式。外观模式提供一个高层接口,这个接口使得客户端或子系统更加方便调用。用一段再简单不过的代码来表示。

到此,关于“常见的js设计模式有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js
AI