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中的作用域
Apr 07 Javascript
js post提交调用方法
Feb 12 Javascript
javascript实现避免页面按钮重复提交
Jan 08 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
原生JS实现旋转轮播图+文字内容切换效果【附源码】
Sep 29 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
Jan 08 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
微信小程序官方动态自定义底部tabBar的例子
Sep 04 Javascript
Vue中keep-alive组件作用详解
Feb 04 Javascript
js实现磁性吸附的示例
Oct 26 Javascript
js删除指定位置超链接中含有百度与360的标题
Jan 06 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
咖啡常见的种类
2021/03/03 新手入门
php读取xml实例代码
2010/01/28 PHP
PHP中的cookie不用刷新就生效的方法
2012/02/04 PHP
ThinkPHP中自定义目录结构的设置方法
2014/08/15 PHP
获取客户端网卡MAC地址和IP地址实现JS代码
2013/03/17 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
七夕情人节丘比特射箭小游戏
2015/08/20 Javascript
javascript中alert()与console.log()的区别
2015/08/26 Javascript
js编写贪吃蛇的小游戏
2020/08/24 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
js+div+css下拉导航菜单完整代码分享
2016/12/28 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
2017/07/13 Javascript
详解angular笔记路由之angular-router
2017/09/12 Javascript
Javascript刷新页面的实例
2017/09/23 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
2018/01/23 Javascript
VUE重点问题总结
2018/03/19 Javascript
JavaScript引用类型RegExp基本用法详解
2018/08/09 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
[02:46]解说DC:感谢430陪伴我们的DOTA2国际邀请赛岁月
2016/06/29 DOTA
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
Python内置函数 next的具体使用方法
2017/11/24 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
pandas dataframe 中的explode函数用法详解
2020/05/18 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
PHP笔试题
2012/02/22 面试题
电脑饰品店的创业计划书
2014/01/21 职场文书
个人反四风对照检查材料思想汇报
2014/09/23 职场文书
党员教师四风问题对照检查材料
2014/09/26 职场文书
工作批评与自我批评范文
2014/10/16 职场文书
Java 实现限流器处理Rest接口请求详解流程
2021/11/02 Java/Android