位置: 编程技术 - 正文

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())

  • 小规模纳税人通用申报表
  • 企业付房租怎么做会计分录
  • 普票千元版和万元版板面区别
  • 公司汽车上牌费入什么科目
  • 建筑简易征收需要成本发票吗
  • 产品样品送样流程
  • 减税降费对企业的影响案例
  • 库存现金和银行存款的区别
  • 销售返利增值税按哪个税率
  • 购买的旧机械设备怎么办
  • 施工机械保险费属于什么费用
  • 企业用于存货的支出
  • 土地价值是否计入GDP
  • 外汇收支申报流程
  • 增值税专用发票可以开电子发票吗
  • 按适用税率计税销售额是什么意思
  • 企业的不征税收入用于支出所形成的资产
  • 公司院内打井怎么处罚
  • 办公室房租计入什么科目
  • 怎样处理教育费附加会计分录?
  • 增值税预缴税款表
  • 先开票后预缴能退吗
  • 苹果手机发票要验证码吗
  • 工业投资额是指什么
  • 印花税分配比例
  • 购买原材料的运费属于什么费用
  • 如何在电脑上玩三国杀移动版
  • 王者荣耀电脑版操作
  • 最新气象报告
  • 溢价发行股票的相关交易费用冲减资本公积
  • 最轻薄数码相机
  • php实现微信公众号分享
  • 原材料按实际成本核算需设置的科目包括
  • php的oop的理解
  • php使用pdo连接数据库
  • mysql php
  • 农民专业合作社是什么性质
  • 财务报表年报和汇算清缴的顺序
  • 合作公司投资方式
  • 费用化支出期末一般转入哪个账户?
  • 年度财务报表分为哪几类
  • access china
  • 管理费用如何填列
  • 小规模纳税人开专票可以抵扣进项吗
  • 收购企业如何做账
  • 净利润率的计算方法公式
  • 承包经营的承包人工资能税前扣除吗
  • 现在勾选认证是可以下月初认证?
  • 非公益捐赠如何入账
  • 企业未按照规定报送年度报告怎么办
  • 固定资产报废会计
  • 信用证保证金到期怎么处理
  • 免征的附加税怎么做账
  • 伤残就业补偿金记入什么科目
  • 减免税款月末是否结平
  • sqlserver数据库和mysql区别
  • mysql模糊查询like多个条件
  • Windows Server 2003系统进程中NETWORK SERVICE相关知识详解
  • win2003进入安全模式
  • linux动态库的制作
  • ubuntu安装教程20.04 u盘
  • incomp.file ver什么意思
  • ControlSet001、ControlSet002以及CurrentControlSet之间有什么区别
  • 桌面工具栏显示
  • window8.1下载
  • win7开机提示重启怎么办
  • excel的窗口包含什么
  • cocos2048
  • unity3d坐标系
  • 万代南梦宫上海互娱出品的网络动画
  • jQuery EasyUI tree 使用拖拽时遇到的错误小结
  • unity 开发游戏
  • javascript简介和语法
  • jQuery simpleModal插件的使用介绍
  • javascript中的原型和原型链
  • 带领大家学习javascript基础篇(一)之基本概念
  • jquery添加自定义属性
  • 佛山顺德怎么坐地铁到广州
  • 票表比对不通过代码999
  • 出口退税需要哪些
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设