Javascript中的回调函数和匿名函数的回调示例介绍

 更新时间:2014年05月12日 10:12:14   作者:  
这篇文章主要介绍了Javascript中的回调函数和匿名函数的回调,需要的朋友可以参考下
复制代码 代码如下:

<!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>

相关文章

  • JS在浏览器中存储用户名和密码的操作方法

    JS在浏览器中存储用户名和密码的操作方法

    当用户进行登录页后,直接从localStorage中把用户名和密码取出来,填充到表单里,对用户体验来说十分不错,今天通过本文给大家分享JS在浏览器中对用户名和密码进行存储,需要的朋友可以参考下
    2023-06-06
  • JS点击缩略图整屏居中放大图片效果

    JS点击缩略图整屏居中放大图片效果

    今天开发的时候,遇到要点击缩略图之后居中显示图片的大图查看(大致效果如上图所示)~想了好几种实现方式,下面通过本文给大家分享JS点击缩略图整屏居中放大图片效果,需要的朋友参考下吧
    2017-07-07
  • javascript中的nextSibling使用陷(da)阱(keng)

    javascript中的nextSibling使用陷(da)阱(keng)

    关于HTML/XML节点的问题,在IE中nextSibling不会返回文本节点,而chrome或者firefox等会返回文本节点
    2014-05-05
  • JavaScript中全局变量、函数内变量以及常量表达式的效率测试

    JavaScript中全局变量、函数内变量以及常量表达式的效率测试

    直接用字符串常量要比利用全局变量快,但创建正则表达式就比起用全局变量要慢上很多了。
    2009-11-11
  • JavaScript jquery及AJAX小结

    JavaScript jquery及AJAX小结

    其实在学习之前,就已经用上了js,jquery和ajax,不过当时不清楚这些的区别,就全都当成js来看,然后别人一说jquery,ajax都觉得好像很高级,等到自己学习的时候,倒是对这些更清楚了一点,下面就来写一下我的总结
    2016-01-01
  • tangram.js库实现js类的方式实例分析

    tangram.js库实现js类的方式实例分析

    这篇文章主要介绍了tangram.js库实现js类的方式,结合实例形式分析了tangram.js库实现类的创建、继承等相关操作技巧,需要的朋友可以参考下
    2018-01-01
  • 微信小程序实现下滑到底部自动翻页功能

    微信小程序实现下滑到底部自动翻页功能

    这篇文章主要为大家详细介绍了微信小程序实现下滑到底部自动翻页功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • Object.keys()、Object.values()、Object.entries()用法总结

    Object.keys()、Object.values()、Object.entries()用法总结

    本文主要介绍了Object.keys()、Object.values()、Object.entries()用法总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 微信小程序实现留言板

    微信小程序实现留言板

    这篇文章主要为大家详细介绍了微信小程序实现留言板,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • 小程序实现左滑删除的效果的实例代码

    小程序实现左滑删除的效果的实例代码

    这篇文章主要介绍了小程序实现左滑删除的效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10

最新评论