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面象对象设计
Apr 28 Javascript
JQuery的AJAX实现文件下载的小例子
May 15 Javascript
常用js字符串判断方法整理
Oct 18 Javascript
JS的get和set使用示例
Feb 20 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
Aug 21 Javascript
Javascript的表单验证-初识正则表达式
Mar 18 Javascript
原生JS下拉加载插件分享
Dec 26 Javascript
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 jQuery
深入理解requireJS-实现一个简单的模块加载器
Jan 15 Javascript
vue element-ui实现input输入框金额数字添加千分位
Dec 29 Javascript
javascript实现简单页面倒计时
Mar 02 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 Errcode: 28 终极解决方法
2009/07/01 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
用javascript实现的支持lrc歌词的播放器
2007/05/17 Javascript
js模拟滚动条(横向竖向)
2013/02/22 Javascript
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
javascript动画之模拟拖拽效果篇
2016/09/26 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
通过封装scroll.js 获取滚动条的值
2018/07/13 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
浅谈Javascript中的对象和继承
2019/04/19 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
解析JS在获取当前月的最后一天遇到的坑
2019/08/30 Javascript
Python中使用tarfile压缩、解压tar归档文件示例
2015/04/05 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
python开发准备工作之配置虚拟环境(非常重要)
2019/02/11 Python
Django实现单用户登录的方法示例
2019/03/28 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
利用Python校准本地时间的方法教程
2019/10/31 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
详解HTML5表单新增属性
2016/12/21 HTML / CSS
HTML5 video 视频标签使用介绍
2014/02/03 HTML / CSS
美国老牌主机服务商:iPage
2016/07/22 全球购物
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
zooplus德国:便宜地订购动物用品、动物饲料、动物食品
2020/05/06 全球购物
简历的自我评价
2014/02/03 职场文书
食品工程专业求职信
2014/06/15 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
动画电影《擅长捉弄人的高木同学》6月10日上映!
2022/03/20 日漫