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 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
JS获得浏览器版本和操作系统版本的例子
May 13 Javascript
javascript实现类似超链接的效果
Dec 26 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
JS中的Replace方法使用经验分享
May 20 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
Jun 08 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
Sep 06 Javascript
基于jQuery实现的查看全文功能【实用】
Dec 11 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
Dec 09 Javascript
ES6的Fetch异步请求的实现方法
Dec 07 Javascript
使用vue3重构拼图游戏的实现示例
Jan 25 Vue.js
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
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
浅析php中json_encode()和json_decode()
2014/05/25 PHP
php防止sql注入之过滤分页参数实例
2014/11/03 PHP
PHP模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
js操作table示例(个人心得)
2013/11/29 Javascript
javascript中打印当前的时间实现思路及代码
2013/12/18 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
JS原型链怎么理解
2016/06/27 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
Javascript面试经典套路reduce函数查重
2017/03/23 Javascript
原生js实现简单的焦点图效果实例
2017/12/14 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
[48:41]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
Python的装饰器使用详解
2017/06/26 Python
python实现二维插值的三维显示
2018/12/17 Python
python实现批量注册网站用户的示例
2019/02/22 Python
Python 2/3下处理cjk编码的zip文件的方法
2019/04/26 Python
python 实现查找文件并输出满足某一条件的数据项方法
2019/06/12 Python
python项目对接钉钉SDK的实现
2019/07/15 Python
python 实现list或string按指定分段
2019/12/25 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
Python实现AES加密,解密的两种方法
2020/10/03 Python
保加利亚运动鞋购物网站:SneakerStudio.bg
2020/12/23 全球购物
六十岁生日答谢词
2014/01/10 职场文书
募捐倡议书
2014/04/14 职场文书
小学语文课后反思精选
2014/04/25 职场文书
淘宝客服工作职责
2014/07/11 职场文书
相亲活动方案
2014/08/26 职场文书
2014年教学工作总结
2014/11/13 职场文书
行政上诉状范文
2015/05/23 职场文书
六一儿童节新闻稿
2015/07/17 职场文书
导游词之唐山景点
2019/12/18 职场文书
简述python四种分词工具,盘点哪个更好用?
2021/04/13 Python