《JavaScript设计模式》——第10章 水管弯弯——适配器模式 10.1引入jQuery

简介: 适配器模式(Adapter):将一个类(对象)的接口(方法或者属性)转化成另外一个接口,以满足用户需求,使类(对象)之间接口的不兼容问题通过适配器得以解决。

本节书摘来自异步社区《JavaScript设计模式》一书中的第10章,第10.1节,作者:张容铭著,更多章节内容可以访问云栖社区“异步社区”公众号查看

第10章 水管弯弯——适配器模式

适配器模式(Adapter):将一个类(对象)的接口(方法或者属性)转化成另外一个接口,以满足用户需求,使类(对象)之间接口的不兼容问题通过适配器得以解决。

随着活动页面的功能增加,原生JavaScript在一些交互与特效实现上让小白感到力不从心,于是想引入大名鼎鼎的jQuery……
10.1 引入jQuery
“小白,咱们的作品活动页面还在用我们公司内部开发的A框架,可是很多新来的同事使用A框架开发新的功能需求时总是感觉很吃力,而且能用的方法有限,为了让他们尽快融入项目的开发,我想让你引入jQuery框架没问题吧。”小铭对小白说。

“没问题,”小白看了一下代码,迟疑一下“可是以前功能所写的代码是不是我还要重新用jQuery写一遍呀,比如像这里引入的事件。”

A(function(){
  A('button').on('click', function(e){
    // ......
  });
});

“不用呀,咱们公司的A框架与jQuery框架比较像,所以你简单写个适配器就可以了。”

“适配器?”小白不解“那是什么东西?”

相关文章
|
1月前
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
41 3
|
1月前
|
设计模式 JavaScript 前端开发
JavaScript设计模式--访问者模式
【10月更文挑战第1天】
30 3
|
30天前
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
10 0
|
2月前
|
设计模式 Java 程序员
Java设计模式-适配器模式(8)
Java设计模式-适配器模式(8)
|
1月前
|
设计模式 Java
Java设计模式之适配器模式
这篇文章详细讲解了Java设计模式中的适配器模式,包括其应用场景、实现方式及代码示例。
40 0
|
1月前
|
JavaScript 前端开发
JavaScript - 测试 jQuery
JavaScript - 测试 jQuery
12 0
|
1月前
|
JavaScript 前端开发
JavaScript三级联动jQuery写法
JavaScript三级联动jQuery写法
|
1月前
|
JavaScript 前端开发
JavaScript 树状菜单栏jQuery写法
JavaScript 树状菜单栏jQuery写法
|
1月前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
56 0
|
2月前
|
设计模式 Java
设计模式--适配器模式 Adapter Pattern
这篇文章介绍了适配器模式,包括其基本介绍、工作原理以及类适配器模式、对象适配器模式和接口适配器模式三种实现方式。