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 14 Javascript
(function($){...})(jQuery)的意思
Jul 22 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
Apr 22 Javascript
jQuery实现定时读取分析xml文件的方法
Jul 16 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
JS解析url查询参数的简单代码
Aug 06 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
Aug 14 Javascript
微信小程序列表渲染功能之列表下拉刷新及上拉加载的实现方法分析
Nov 27 Javascript
vue.js默认路由不加载linkActiveClass问题的解决方法
Dec 11 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
20道JS原理题助你面试一臂之力(必看)
Jul 22 Javascript
详解Java中String JSONObject JSONArray List转换
Nov 13 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执行速度全攻略(下)
2006/10/09 PHP
第十三节--对象串行化
2006/11/16 PHP
php操作MongoDB类实例
2015/06/17 PHP
PHP获取指定月份第一天和最后一天的方法
2015/07/18 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
JQuery 解析多维的Json数据格式
2009/11/02 Javascript
jquery选择符快速提取web表单数据示例
2014/03/27 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
深入剖析javascript中的exec与match方法
2016/05/18 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
js闭包用法实例详解
2016/12/13 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
2017/05/08 jQuery
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
nodejs实现聊天机器人功能
2019/09/19 NodeJs
详解微信小程序之提高应用速度小技巧
2020/01/07 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
python中字典dict常用操作方法实例总结
2015/04/04 Python
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
Django REST framework 如何实现内置访问频率控制
2019/07/23 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
技术负责人任命书
2014/06/05 职场文书
学雷锋标语
2014/06/25 职场文书
保密工作目标责任书
2014/07/28 职场文书
学校运动会广播稿100条
2014/09/14 职场文书
PostgreSQL数据库创建并使用视图以及子查询
2022/04/11 PostgreSQL