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使用eval或者new Function进行语法检查
Oct 16 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
Textarea根据内容自适应高度
Oct 28 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
用JS生成UUID的方法实例
Mar 30 Javascript
AngularJs Scope详解及示例代码
Sep 01 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
微信小程序开发之map地图实现教程
Jun 08 Javascript
表格展示利器 Bootstrap Table实例代码
Sep 06 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
Jan 31 Javascript
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
Feb 22 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
杏林同学录(九)
2006/10/09 PHP
基于mysql的论坛(6)
2006/10/09 PHP
php数组查找函数in_array()、array_search()、array_key_exists()使用实例
2014/04/29 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
详解PHP中的序列化、反序列化操作
2017/03/21 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
js对数字的格式化使用说明
2011/01/12 Javascript
js禁止document element对象选中文本实现代码
2013/03/21 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
JavaScript实现相册弹窗功能(zepto.js)
2016/06/21 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
Bootstrap 轮播(Carousel)插件
2016/12/26 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
vscode vue 文件模板的配置方法
2019/07/23 Javascript
Node.js API详解之 dns模块用法实例分析
2020/05/15 Javascript
在react-antd中弹出层form内容传递给父组件的操作
2020/10/24 Javascript
如何在Vue项目中添加接口监听遮罩
2021/01/25 Vue.js
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
Python入门篇之条件、循环
2014/10/17 Python
Anaconda2下实现Python2.7和Python3.5的共存方法
2018/06/11 Python
Python2包含中文报错的解决方法
2018/07/09 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
Python 爬虫实现增加播客访问量的方法实现
2019/10/31 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
工作检讨书大全
2015/01/26 职场文书
因个人原因离职的辞职信范文
2015/05/12 职场文书
Python中rapidjson参数校验实现
2021/07/25 Python