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实现tabs选项卡切换效果(自写原生js)
Mar 19 Javascript
jquery的map与get方法详解
Nov 04 Javascript
jQuery的each终止或跳过示例代码
Dec 12 Javascript
Javascript基础教程之while语句
Jan 18 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
Apr 20 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
vue实现留言板todolist功能
Aug 16 Javascript
VUE实现一个分页组件的示例
Sep 13 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
Oct 26 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
详解Node.js异步处理的各种写法
Jun 09 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 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下实现一个阿拉伯数字转中文数字的函数
2008/07/10 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
Javascript计算时间差的函数分享
2011/07/04 Javascript
JavaScript调用后台的三种方法实例
2013/10/17 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
2015/03/05 Javascript
详解axios在vue中的简单配置与使用
2017/05/10 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
js限制输入框只能输入数字(onkeyup触发)
2018/09/28 Javascript
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
[11:57]《一刀刀一天》第十七期:TI中国军团加油!
2014/05/26 DOTA
[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG
2018/04/03 DOTA
Python中使用dom模块生成XML文件示例
2015/04/05 Python
python中解析json格式文件的方法示例
2017/05/03 Python
python组合无重复三位数的实例
2018/11/13 Python
Python中一些深不见底的“坑”
2019/06/12 Python
Python 多线程搜索txt文件的内容,并写入搜到的内容(Lock)方法
2019/08/23 Python
Python函数中的可变长参数详解
2019/09/12 Python
python环境下安装opencv库的方法
2020/03/05 Python
python实现超级玛丽游戏
2020/03/18 Python
Pycharm 设置默认解释器路径和编码格式的操作
2021/02/05 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
斯洛伐克时尚服装网上商店:Cellbes
2016/10/20 全球购物
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
高三体育教学反思
2014/01/29 职场文书
承认错误的检讨书
2014/01/30 职场文书
文秘大学生求职信
2014/02/25 职场文书
学生个人自我鉴定
2014/03/26 职场文书
元旦标语大全
2014/10/09 职场文书
关于安全的广播稿
2014/10/23 职场文书
物业接待员岗位职责
2015/04/15 职场文书
Python离线安装openpyxl模块的步骤
2021/03/30 Python
7个关于Python的经典基础案例
2021/11/07 Python
解决IIS7下无法绑定https主机的问题
2022/04/29 Servers