如何封装JS 库

本文介绍如何在JavaScript中通过匿名函数创建唯一的命名空间,避免与现有库冲突,并提供一个具体示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

唯一性

挑选一个独一无二的命名空间的名字(如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") 就可以。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值