位置: 编程技术 - 正文

JavaScript自执行函数和jQuery扩展方法详解(js自动执行点击事件)

编辑:rootadmin

推荐整理分享JavaScript自执行函数和jQuery扩展方法详解(js自动执行点击事件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js自动执行方法,js直接执行function,jquery自执行,js直接执行function,html自动执行js函数,html自动执行js函数,javascript自执行函数,javascript自执行函数,内容如对您有帮助,希望把文章链接给更多的朋友!

我们通常将JS代码写在一个单独的JS文件中,然后在页面中引入该文件。但是,有时候引入后会碰到变量名或函数名与其它JS代码冲突的问题。那么如何解决这个问题呢?作用域隔离。在JS中,作用域是通过函数来划分的,将JS代码封装到函数中进行调用可以避免变量名/函数名冲突的问题,但是这也并不是万无一失,因为封装函数本身有可能和其它函数重名,解决方案:自执行函数。

自执行函数是用一对圆括号将匿名函数包起来,加括号(传参)会立即执行。因为函数无名字,实现了作用域的绝对隔离和函数名的冲突问题。基本形式如下:

比如我们在custome.js文件中写了一些JS逻辑,并封装到函数init中。我们用自执行函数将自己定义的函数init包起来,就像下面这样。

当我们在html中引入custome.js:<script src="custome.js"></script>,自执行函数会立即执行,进而执行内部定义的init函数:

不过,自执行函数立即执行的特性,使其很难调用。通过定义jQuery扩展方法,可以解决这一问题,拿到自执行函数调用和执行的主动权。

首先我们看一下定义jQuery扩展方法的基本形式:

JavaScript自执行函数和jQuery扩展方法详解(js自动执行点击事件)

这样,通过$.myMethod()或jQuery.myMethod()就可以调用上面定义的方法。

定义jQuery扩展方法还有另外一种方式:.fn

通过如上方式定义的扩展方法,需要通过jQuery选择器调用,比如通过标签选择器$("button").myMethod(args)

了解了JS自执行函数和jQuery扩展方法后,我们将二者结合起来。

下面我们利用自执行函数立即执行的特点,来定义jQuery扩展方法:

说明,这个自执行函数接收jQuery对象作为参数,然后在内部为jQuery定义一个扩展方法myMethod,该方法执行真正的逻辑代码init函数

调用:

说明:

jQuery文件引入后,jQuery对象全局可用;紧接着引入自定义JS文件custome.js,其中的自执行函数接收jQuery对象为参数,立即执行,在内部为jQuery定义一个扩展方法myMethod然后我们就可以在页面加载完成后,通过调用$.meMethod()或jQuery.myMethod()来执行init函数

标签: js自动执行点击事件

本文链接地址:https://www.jiuchutong.com/biancheng/368452.html 转载请保留说明!

上一篇:Popup弹出框添加数据实现方法(popupwindow底部弹出)

下一篇:JavaScript中Require调用js的实例分享(js require())

  • 劳保用品销售
  • 企业外币账户开户流程
  • 增值税期末余额在哪方
  • 印花税是根据什么征收的
  • 个税和社保基数不一致会影响上海落户吗
  • 企业发生事故后的处理流程
  • 以房屋抵顶的工程叫什么
  • 成本法长期股权投资账务处理
  • 产品入库实际成本是什么凭证
  • 卷式发票要注意什么
  • 免税企业收到增值税专用发票咋办
  • 企业取得租车发票
  • 雇主责任险为什么不能立即生效
  • 事业单位职工福利费支出范围
  • 小规模建筑企业预缴税款
  • 个人借款到期未还诉讼时效
  • 印花税按什么税率
  • 补充养老保险税前扣除政策
  • 关联申报不报有影响吗
  • 小微企业减半征收印花税代码
  • 调整成本调整单分录
  • 工程施工属于什么会计科目
  • 保险公司退还保费
  • 抄报税失败是怎么回事
  • 包装本公司产品的出口包装物是否缴增值税?
  • 正回购和逆回购的区别
  • 出纳电汇流程
  • 促销购买
  • 购进产品样品怎么做分录
  • php canal
  • 取得运输发票会计分录
  • 企业资产负债表有何作用
  • nvm for window
  • php json格式化
  • 媒体查询是什么
  • 小规模纳税人如何界定
  • 空白发票作废怎么剪角
  • 公司从个人手中购买二手车
  • 建筑业综合税率13.8%
  • 预付卡发票如何开
  • 工会经费与教育经费比例
  • 企业收利息会计科目
  • 营改增方案
  • 食堂费用没有发票
  • 服装改制注意事项
  • 固定资产盘亏是营业外支出吗
  • 多计提的城建税怎么冲减
  • 收到美元收入如何入账
  • 没进项发票开销项发票可以吗?
  • 法院的申请执行费是多少
  • 工厂没给工人买社保我们应该找哪个部门
  • 小企业会计准则2023电子版
  • 借款收据怎样才有法律效力
  • 现销方式
  • 记账联是哪一联
  • 密码区出框
  • 福利设施的定义
  • mysqladmin ping
  • mysql5.7安装版下载
  • win8系统打开软件很慢
  • win10自带的音乐播放器groove如何设置
  • win8defender怎么打开
  • ubuntu的终端在哪
  • ubuntu nm
  • ubuntu20.04 vim
  • centos中如何安装软件
  • qqpcrtp.exe是什么进程 如何删除qqpcrtp进程
  • window10的ie
  • opengl获取鼠标位置
  • 新闻客户端app
  • python选择器
  • python编程判断一千以内含88的数的方法
  • node写自动化脚本
  • android开源小项目
  • 陕西国税电子税务局端还可以登录吗
  • 西安车位过户需要多少费用
  • 重庆国家税务电子税务局官网登录
  • 在江西税务网交医保流程
  • 2021医保交费截止
  • 长春税务局电话朝阳区
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设