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 相关文章推荐
js 数组克隆方法 小结
Mar 20 Javascript
jQuery $.each的用法说明
Mar 22 Javascript
JavaScript中的console.assert()函数介绍
Dec 29 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
jQuery前端开发35个小技巧
May 24 Javascript
如何在Angular.JS中接收并下载PDF
Nov 26 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
Mar 25 Javascript
浅谈在react中如何实现扫码枪输入
Jul 04 Javascript
javascript实现页面的实时时钟显示示例
Aug 06 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
Sep 21 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
js面向对象编程OOP及函数式编程FP区别
Jul 07 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转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
php与java通过socket通信的实现代码
2013/10/21 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
Laravel框架实现超简单的分页效果示例
2019/02/08 PHP
redis+php实现微博(二)发布与关注功能详解
2019/09/23 PHP
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
JavaScript返回网页中超链接数量的方法
2015/04/03 Javascript
js中日期的加减法
2015/05/06 Javascript
基于jquery实现图片放大功能
2016/05/07 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
Vue.js结合bootstrap实现分页控件
2017/03/10 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
2017/08/08 jQuery
js实现for循环跳过undefined值示例
2019/07/02 Javascript
layui导出所有数据的例子
2019/09/10 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
2020/05/06 Javascript
[01:38]女王驾到——至宝魔廷新尊技能&特效展示
2020/06/16 DOTA
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
简单总结Python中序列与字典的相同和不同之处
2016/01/19 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
python3使用matplotlib绘制散点图
2019/03/19 Python
python 计算数据偏差和峰度的方法
2019/06/29 Python
Python导入父文件夹中模块并读取当前文件夹内的资源
2020/11/19 Python
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
新春文艺演出主持词
2014/03/27 职场文书
优质护理服务演讲稿
2014/05/07 职场文书
乡文化站暑期培训方案
2014/08/28 职场文书
学风建设演讲稿
2014/09/12 职场文书
五星级酒店前台接待岗位职责
2015/04/02 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
学习经验交流会策划书
2015/11/02 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python