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 appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
Nov 25 Javascript
jquery+css实现动感的图片切换效果
Nov 25 Javascript
jQuery动态添加
Apr 07 Javascript
jQuery移动端图片上传组件
Jun 12 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
js无提示关闭浏览器窗口的两种方法分析
Nov 06 Javascript
js实现按座位号抽奖
Apr 05 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
浅析微信扫码登录原理(小结)
Oct 29 Javascript
JS实现简单省市二级联动
Nov 27 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生成和获取XML格式数据的方法
2016/03/04 PHP
Thinkphp事务操作实例(推荐)
2017/04/01 PHP
yii2中关于加密解密的那些事儿
2018/06/12 PHP
PHP基于mcript扩展实现对称加密功能示例
2019/02/21 PHP
(function(){})()的用法与优点
2007/03/11 Javascript
javascript 显示当前系统时间代码
2009/12/28 Javascript
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
js实现iframe跨页面调用函数的方法
2014/12/13 Javascript
jQuery实现冻结表头的方法
2015/03/09 Javascript
javascript如何写热点图
2015/12/08 Javascript
JS动态给对象添加属性和值的实现方法
2016/10/21 Javascript
jsTree使用记录实例
2016/12/01 Javascript
解决Vue不能检测数组或对象变动的问题
2018/02/24 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
2018/08/24 Javascript
[02:42]2014DOTA2国际邀请赛 三冰专访:我会打到Ti20
2014/07/13 DOTA
Python创建文件和追加文件内容实例
2014/10/21 Python
Python中处理字符串之islower()方法的使用简介
2015/05/19 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
基于Python Numpy的数组array和矩阵matrix详解
2018/04/04 Python
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
python实现简易动态时钟
2018/11/19 Python
python3 下载网络图片代码实例
2019/08/27 Python
浅谈Python爬虫原理与数据抓取
2020/07/21 Python
使用python对excel表格处理的一些小功能
2021/01/25 Python
python读取excel数据并且画图的实现示例
2021/02/08 Python
英国女士和男士时尚服装网上购物:Top Labels Online
2018/03/25 全球购物
The North Face北面德国官网:美国著名户外品牌
2018/12/12 全球购物
Pandora德国官网:购买潘多拉手链、戒指、项链和耳环
2020/02/20 全球购物
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
单身联谊活动方案
2014/01/29 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
考勤制度通知
2015/04/25 职场文书
禁毒主题班会教案
2015/08/14 职场文书
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
react 项目中引入图片的几种方式
2021/06/02 Javascript
Java框架入门之简单介绍SpringBoot框架
2021/06/18 Java/Android