`

如何封装JS 库

阅读更多
唯一性

挑选一个独一无二的命名空间的名字(如Google Maps的G),注意js是大小写敏感的

不共享

为了不与著名的一些库或者其他已有的一些函数冲突,使用匿名函数。
(function () {
// 你要加入的代码
}) ();
匿名函数实现了代码的不共享,该块中的function和function内部定义的函数都不会被其他地方直接调用到。

一个基本的示例:
(function() {
  window['flytosea'] = {}
 
  function $() {

    alert("function $ called!");

  }

 function G() {

    alert("function G() called!");

  }

  //flytosea为自己的库名
  window['flytosea]['$'] = $;
}) ();

//注册G  闭包
 window['flytosea']['G'] = G;


function内部的代码,第一行把flytosea这个命名空间注册到了window上,中间定义了一个名字为$的内部函数,最后一句把$这个方法注册到了flytosea这个对象上。
调用时,使用 flytosea.$("xxx") 就可以。
分享到:
评论

相关推荐

    封装JavaScript常用类库.rar

    压缩包中的`封装JavaScript常用类库.txt`可能包含了这些库的使用说明、示例代码或者类库的源码。开发者可以通过阅读和学习这些内容,快速理解和应用到自己的项目中,提升代码质量,降低维护成本。 总之,封装...

    008课-JS库的封装.rar

    13. **版本管理和发布**:了解如何使用Git进行版本控制,以及通过npm或bower等包管理工具发布和管理库,是封装JS库时不可忽视的一环。 14. **文档编写**:清晰的文档能帮助用户理解和使用库,包括API参考、示例代码...

    JavaScript 封装库:BETA 4.0 版

    JavaScript 封装库是开发人员在构建Web应用时常用的一种工具,它可以帮助简化代码、提高效率并增强可维护性。BETA 4.0 版本代表了该库的一个重要更新,通常会引入新的功能、优化性能以及修复已知问题。在深入探讨这...

    js代码库,封装经常用到的组件

    在压缩包的文件列表中,只有一个名为"Libs"的目录,这可能是存放这些JavaScript库和其他相关资源的地方,如CSS样式表、图片或者本地化文件。通常,库会包含一个主文件(如`control.js` 和 `platform.js`),其他的...

    JS的DLL封装及调用

    然而,有时我们可能需要在非浏览器环境中或者以更安全、高效的方式使用JS代码,这时可以考虑将其封装到动态链接库(DLL)中。DLL是Windows操作系统中的一个组件,它允许多个应用程序共享同一段代码,从而节省内存并...

    Node.js-webStorage封装库-支持cookie解决方案

    本文将深入探讨"Node.js-webStorage封装库-支持cookie解决方案"这一主题,介绍如何在Node.js环境中对这些存储机制进行封装,以及它们各自的特点和应用场景。 首先,localStorage和sessionStorage是HTML5引入的两种...

    vue封装 openlayers组件库 地图设置

    OpenLayers则是一个开源的JavaScript库,专门用于在网页上展示地图。它支持多种地图服务,如WMS、WMTS等,以及多种地理空间数据格式,如GeoJSON、KML。OpenLayers的强大在于其丰富的地图操作和交互功能,包括缩放、...

    国内外javascript经典封装

    5. **jQuery封装**:jQuery是一款广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax请求,是封装JavaScript的一个经典实例。$.ajax、$(selector).click()等API让开发者能快速上手。 6. **React...

    仿照jquery封装一个自己的js库(一)

    通过以上步骤,我们已经初步构建了一个类似jQuery的JavaScript库的基础部分。虽然目前还比较简单,但已经涵盖了核心的选择元素和绑定事件的功能。未来还可以继续扩展更多的方法和特性,使其功能更加完善。

    百度地图javascript API + 调用封装javascript

    1. `baidu_map_api.js`:百度地图的JavaScript库。 2. `map_util.js`:封装后的地图工具函数库。 3. `example.html`:示例页面,展示了如何使用封装后的API。 4. `style.css`:样式文件,可能包含了地图容器的样式...

    js库_JavaScript库_doingng1_

    4. **Ajax请求**:JavaScript库常常提供对异步HTTP请求的封装,如GET、POST等,简化了与服务器的数据交换,同时也可能包含错误处理和数据转换功能。 5. **模块化和组件化**:随着前端工程化的推进,模块化和组件化...

    基于antdmobile第二次封装的移动端的ui库并定制自己的ui组件

    Antd-Mobile 是一个广泛使用的移动端 UI 组件库,它基于 React.js 构建,提供了丰富的预设组件,如按钮、表格、列表等,以帮助开发者快速构建高质量的移动应用。然而,有时候,为了满足特定项目的需求或保持产品风格...

    JavaScript专题一_构建自己的JS库

    一个JavaScript库是一组预先编写好的函数和对象,可以方便地被其他JavaScript代码引用和使用,以提高开发效率和代码重用性。例如,jQuery就是一个著名的JS库,它简化了DOM操作、事件处理和动画制作等任务。 构建...

    js-xlsx二次简单封装工具

    SheetJS的js-xlsx库是一个开源的JavaScript库,专门用于处理Excel文件(.xlsx和.xls)。它能够解析和生成Excel文件,支持读取Biff8和OOXML两种格式,覆盖了老版的xls和现代的xlsx。该库提供了丰富的API,可以用于...

    Android-mathjs.orgjavascript库的一个Android封装

    "Android-mathjs.org javascript库的一个Android封装"项目就是将知名的JavaScript数学库mathjs.org引入Android平台的一个示例。 mathjs.org是一个功能强大的JavaScript数学库,它提供了广泛的数学函数和常量,支持...

    CesiumAPI二次封装包

    Cesium是一款强大的开源JavaScript库,用于在Web浏览器中构建高度交互的、全球范围的3D地球模型。它广泛应用于地理信息系统(GIS)、地图应用、航空航天领域以及虚拟现实等场景。通过对CesiumAPI进行封装,开发者...

    超好用的验证框架 封装js

    【标题】:“超好用的验证框架 封装js” 这个标题揭示了我们讨论的核心——一个前端验证框架,它被封装在JavaScript代码中。在Web开发中,前端验证是必不可少的一部分,它允许开发者在用户提交数据之前检查输入的...

    JavaScript学习笔记_js常用函数封装_js包.zip

    本压缩包“JavaScript学习笔记_js常用函数封装_js包.zip”包含了对JavaScript基础及进阶技巧的学习资料,特别关注了函数封装和模块化开发实践。 首先,`tool.js`可能是一个实用工具函数集合,封装了一些常见的...

    国内外 JavaScript 经典封装

    "国内外 JavaScript 经典封装" 涵盖了JavaScript编程中的各种高效、实用的代码封装技巧和库,这些技巧和库大大提高了开发效率,简化了复杂任务的处理。下面,我们将深入探讨这些经典封装所涉及的知识点。 1. **面向...

    C++调用JS函数相关封装库

    为了使C++能够调用JavaScript的函数,开发者通常会使用特定的封装库来实现这种交互。本篇文章将详细介绍"C++调用JS函数相关封装库"这一主题,并探讨其背后的原理和应用。 首先,我们需要理解C++与JavaScript之间的...

Global site tag (gtag.js) - Google Analytics