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 相关文章推荐
让jQuery Mobile不显示讨厌loading界面的方法
Feb 19 Javascript
JS更改select内option属性的方法
Oct 14 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
js模态对话框使用方法详解
Feb 16 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
浅析JS中NEW的实现原理及重写
Feb 20 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
Vue的props父传子的示例代码
May 20 Javascript
Element Popover 弹出框的使用示例
Jul 26 Javascript
vue实现下载文件流完整前后端代码
Nov 17 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
php 处理上百万条的数据库如何提高处理查询速度
2010/02/08 PHP
fgetcvs在linux的问题
2012/01/15 PHP
destoon在360浏览器下出现用户被强行注销的解决方法
2014/06/26 PHP
PHP+shell实现多线程的方法
2015/07/01 PHP
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
Jquery 数据选择插件Pickerbox使用介绍
2012/08/24 Javascript
jquery 日期控件datepicker属性详细解析
2013/11/08 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
使用AngularJS创建单页应用的编程指引
2015/06/19 Javascript
使用bootstrap3开发响应式网站
2016/05/12 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
JavaScript中Math对象的方法介绍
2017/01/05 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
vue2.0实现分页组件的实例代码
2017/06/22 Javascript
详解在React里使用&quot;Vuex&quot;
2018/04/02 Javascript
vue中node_modules中第三方模块的修改使用详解
2019/05/31 Javascript
python版本的仿windows计划任务工具
2018/04/30 Python
浅述python2与python3的简单区别
2018/09/19 Python
python实现换位加密算法的示例
2018/10/14 Python
kali中python版本的切换方法
2019/07/11 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
python yield关键词案例测试
2019/10/15 Python
python使用正则来处理各种匹配问题
2019/12/22 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
便利店投资的创业计划书
2014/01/12 职场文书
超市店庆活动方案
2014/08/31 职场文书
思想纪律作风整顿剖析材料
2014/10/11 职场文书
大学生个人学年总结
2015/02/15 职场文书
小学三年级语文教学反思
2016/03/03 职场文书