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 相关文章推荐
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
Oct 22 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 Javascript
Angularjs之filter过滤器(推荐)
Nov 27 Javascript
AngularJS封装指令方法详解
Dec 12 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
React key值的作用和使用详解
Aug 23 Javascript
使用nvm和nrm优化node.js工作流的方法
Jan 17 Javascript
JavaScript实现的开关灯泡点击切换特效示例
Jul 08 Javascript
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 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添加MySQL数据记录代码
2008/06/07 PHP
PHP 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
php生成短网址示例
2014/05/05 PHP
PHP 之 写时复制介绍(Copy On Write)
2014/05/13 PHP
Yii中CGridView实现批量删除的方法
2015/12/28 PHP
解决laravel 5.1报错:No supported encrypter found的办法
2017/06/07 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例
2019/05/08 PHP
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
浅析JavaScript动画
2015/06/10 Javascript
js中最容易被忽视的事件问题大总结
2016/05/15 Javascript
jQuery Validate验证框架详解(推荐)
2016/12/17 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
JS中跳出循环的示例代码
2017/09/14 Javascript
JavaScript数据结构之双向链表和双向循环链表的实现
2017/11/28 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
vue中提示$index is not defined错误的解决方式
2020/09/02 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
简单介绍Python的Django框架加载模版的方式
2015/07/20 Python
python列表list保留顺序去重的实例
2018/12/14 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
Python和Bash结合在一起的方法
2020/11/13 Python
美国知名生活购物网站:Goop
2017/11/03 全球购物
微电影大赛策划方案
2014/06/05 职场文书
学党史心得体会
2014/09/05 职场文书
幼儿教师2014年度工作总结
2014/12/16 职场文书
地球上的星星观后感
2015/06/02 职场文书
有关骆驼祥子的读书笔记
2015/06/26 职场文书
php+laravel 扫码二维码签到功能
2021/05/15 PHP