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错误的认识不用关心内存管理
Dec 15 Javascript
查看图片(前进后退)功能实现js代码
Apr 24 Javascript
Jquery时间验证和转换工具小例子
Jul 01 Javascript
JS解决ie6下png透明的方法实例
Aug 02 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
JavaScript数组的一些奇葩行为
Jan 25 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
Apr 07 Javascript
bootstrap的常用组件和栅格式布局详解
May 02 Javascript
微信jssdk逻辑在vue中的运用详解
Nov 14 Javascript
vue2中引用及使用 better-scroll的方法详解
Nov 15 Javascript
Vue 递归多级菜单的实例代码
May 05 Javascript
Jquery动态列功能完整实例
Aug 30 jQuery
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遍历数组的4种方法总结
2014/07/05 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
javascript窗口宽高,鼠标位置,滚动高度(详细解析)
2013/11/18 Javascript
setInterval与clearInterval的使用示例代码
2014/01/28 Javascript
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
jQuery实现全选、反选和不选功能
2017/08/16 jQuery
浅谈vue中数据双向绑定的实现原理
2017/09/14 Javascript
vue-cli配置文件——config篇
2018/01/04 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
微信小程序实现侧边分类栏
2019/10/21 Javascript
ant design的table组件实现全选功能以及自定义分页
2020/11/17 Javascript
JS闭包原理及其使用场景解析
2020/12/03 Javascript
Python获取Windows或Linux主机名称通用函数分享
2014/11/22 Python
python友情链接检查方法
2015/07/08 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
浅谈django的render函数的参数问题
2018/10/16 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
Django认证系统user对象实现过程解析
2020/03/02 Python
Pytest如何使用skip跳过执行测试
2020/08/13 Python
Python用requests库爬取返回为空的解决办法
2021/02/21 Python
python3判断IP地址的方法
2021/03/04 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
大学生职业生涯规划范文
2014/01/08 职场文书
小学运动会广播稿200字(十二篇)
2014/01/14 职场文书
元旦寄语大全
2014/04/10 职场文书
运动会演讲稿200字
2014/08/25 职场文书
12.4法制宣传日活动总结
2014/08/26 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
医院保洁员岗位职责
2015/02/13 职场文书
乱世佳人观后感
2015/06/08 职场文书
初一语文教学反思
2016/03/03 职场文书
详解Oracle块修改跟踪功能
2021/11/07 Oracle
关于Python使用turtle库画任意图的问题
2022/04/01 Python