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 相关文章推荐
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 Javascript
JavaScript中json使用自己总结
Aug 13 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
javascript实现拖动元素交换位置
Nov 29 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
Jun 20 Javascript
超实用的javascript时间处理总结
Aug 16 Javascript
BootStrap导航栏问题记录
Jul 31 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 08 Javascript
vue中音频wavesurfer.js的使用方法
Feb 20 Vue.js
Vue中的this.$options.data()和this.$data用法说明
Jul 26 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中通过ADO调用Access数据库的方法测试不通过
2006/12/31 PHP
PHP IN_ARRAY 函数使用注意事项
2010/07/24 PHP
Swoole-1.7.22 版本已发布,修复PHP7相关问题
2015/12/31 PHP
php curl发送请求实例方法
2019/08/01 PHP
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
JavaScript 代码压缩工具小结
2012/02/27 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
js+html5操作sqlite数据库的方法
2016/02/02 Javascript
深入理解JQuery中的事件与动画
2016/05/18 Javascript
js style.display=block显示布局错乱问题的解决方法
2016/09/21 Javascript
常用Javascript函数与原型功能收藏(必看篇)
2016/10/09 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
.vue文件 加scoped 样式不起作用的解决方法
2018/05/28 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
2019/02/21 Javascript
利用原生JS实现data方法示例代码
2019/05/28 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
Python实现两款计算器功能示例
2017/12/19 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
Python3.6通过自带的urllib通过get或post方法请求url的实例
2018/05/10 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
澳大利亚潮流尖端的快时尚品牌:Cotton On
2016/09/26 全球购物
圣诞树世界:Christmas Tree World
2019/12/10 全球购物
KOHLER科勒美国官网:国际著名卫浴橱柜领先品牌
2020/06/27 全球购物
Claire’s法国:时尚配饰、美容、珠宝、头发
2021/01/16 全球购物
万豪国际住宅与别墅集团:Homes & Villas by Marriott International
2020/10/08 全球购物
个人简历中的自我评价范例
2013/10/29 职场文书
实习单位接收函
2014/01/11 职场文书
交通安全寄语大全
2014/04/08 职场文书
宣传活动总结范文
2014/07/01 职场文书
推荐信范文大全
2015/03/27 职场文书
工作调动申请报告
2015/05/18 职场文书