Javascript中的回调函数和匿名函数的回调示例介绍


Posted in Javascript onMay 12, 2014
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
/* 
* 匿名函数自调的意义: 
1.营造了一个封闭的空间 
2.防止变量冲突 
3.有选择性的对外开发(第三方框架都是对js这样封装的) 
*/ 
//==================普通函数回调================================= 
//回调要执行的动作 
function callback(){ 
alert("帮我去快递吧"); 
} 
//正要做的事情 
function goShopping(a,fun){ 
alert("我去shopping了"); 
//10点之前胡来要干的事情 
if(a<10){ 
fun(); 
} 
} 
//回调测试 
goShopping(9,callback); 
//这个小例子就是一个回调函数运用的一个场景:当某些功能在执行的时候,并不知道未来可能干什么, 
//同时,满足了一定的条件就会去做另一些动作,这个动作就是毁掉函数。 
//==================普通函数回调================================= 
//=================匿名函数的回调================================= 
//正要做的事情 
function goShopping(a,fun){ 
alert("我去shopping了"); 
//10点之前胡来要干的事情 
if(a<10){ 
fun(); 
} 
} 
goShopping(9,function(){ 
alert("帮我去快递的啦"); 
}); 
//=================匿名函数的回调================================= 
//=================匿名函数的自己调用============================== 
function(){ 
alert("我没名,如何运行"); 
}(); 
//===============带参数的匿名函数的自己调用=============== 
function(name){ 
alert("我是"+name); 
function test(){"我是大内密探!"}; 
//要想外部调用内部的test 
window.test=test; 
}("javaScript"); 
//调用自调函数的内部函数 
test(); 
//那么jquery等js的框架都是按照上述方式来写的哦。 
//=================匿名函数的自己调用============================== 
</script> 
</head> 
<body> </body> 
</html>
Javascript 相关文章推荐
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
js解决movebox移动问题
Mar 29 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
深入理解jQuery layui分页控件的使用
Aug 17 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
Oct 18 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
Dec 07 Javascript
Javascript中for循环语句的几种写法总结对比
Jan 23 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
vue中SPA单页面应用程序详解
Nov 07 Javascript
加载 vue 远程代码的组件实例详解
Nov 20 Javascript
使用Vue制作图片轮播组件思路详解
Mar 21 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 Javascript
JavaScript中对象属性的添加和删除示例
May 12 #Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 #Javascript
Javascript中对象继承的实现小例
May 12 #Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 #Javascript
js图片处理示例代码
May 12 #Javascript
jquery实现的一个简单进度条效果实例
May 12 #Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 #Javascript
You might like
解析PHP处理换行符的问题 \r\n
2013/06/13 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
js继承 Base类的源码解析
2008/12/30 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
JavaScript汉诺塔问题解决方法
2015/04/21 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
利用AngularJs实现京东首页轮播图效果
2016/09/08 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
详解微信第三方小程序代开发
2017/06/23 Javascript
Bootstrap按钮组实例详解
2017/07/03 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
[01:07:41]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[43:26]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第二场 11.20
2020/11/23 DOTA
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
python导入模块交叉引用的方法
2019/01/19 Python
python实现自动解数独小程序
2019/01/21 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
Python中实现输入超时及如何通过变量获取变量名
2020/01/18 Python
Python jieba库分词模式实例用法
2021/01/13 Python
python opencv实现图像配准与比较
2021/02/09 Python
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
计算机专业优秀大学生自我总结
2014/01/21 职场文书
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
基于go interface{}==nil 的几种坑及原理分析
2021/04/24 Golang
react如何快速设置文件路径别名
2021/04/28 Javascript
python使用shell脚本创建kafka连接器
2022/04/29 Python
ant design charts 获取后端接口数据展示
2022/05/25 Javascript