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>

相关文章

  • TypeScript中条件类型精读与实践记录

    TypeScript中条件类型精读与实践记录

    这篇文章主要给大家介绍了关于TypeScript中条件类型精读与实践的相关资料,,条件类型就是在初始状态并不直接确定具体类型,而是通过一定的类型运算得到最终的变量类型,需要的朋友可以参考下
    2021-10-10
  • js 将线性数据转为树形的示例代码

    js 将线性数据转为树形的示例代码

    这篇文章主要介绍了js 将线性数据转为树形的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • Webpack之tree-starking 解析

    Webpack之tree-starking 解析

    这篇文章主要介绍了Webpack之tree-starking 解析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JS制作图形验证码实现代码

    JS制作图形验证码实现代码

    这篇文章主要为大家详细介绍了JS制作图形验证码实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • js实现动态添加、删除行、onkeyup表格求和示例

    js实现动态添加、删除行、onkeyup表格求和示例

    动态添加、删除行想必大家并不陌生,下面为大家介绍通过js是如何实现的,有此需求的朋友可不要错过了哈
    2013-08-08
  • es6中的import导入模块 和 export导出模块详解

    es6中的import导入模块 和 export导出模块详解

    require 是 CommonJS 模块系统中用于导入模块的关键字,采用同步加载方式;而 import 和 export 是 ES6 模块系统中用于导入和导出模块的关键字,采用静态加载方式,并且支持异步加载,这篇文章主要介绍了es6中的import导入模块 和 export导出模块,需要的朋友可以参考下
    2023-11-11
  • JavaScript使用atan2来绘制箭头和曲线的实例

    JavaScript使用atan2来绘制箭头和曲线的实例

    下面小编就为大家带来一篇JavaScript使用atan2来绘制箭头和曲线的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • js canvas实现俄罗斯方块

    js canvas实现俄罗斯方块

    这篇文章主要为大家详细介绍了js canvas实现俄罗斯方块,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • Javascript根据指定下标或对象删除数组元素

    Javascript根据指定下标或对象删除数组元素

    删除数组元素在工作中经常会用到,本文讲解一下Javascript根据下标删除数组元素的方法,需要了解的朋友可以参考下
    2012-12-12
  • JavaScript进阶(二)词法作用域与作用域链实例分析

    JavaScript进阶(二)词法作用域与作用域链实例分析

    这篇文章主要介绍了JavaScript词法作用域与作用域链,结合实例形式分析了JavaScript词法作用域与作用域链相关概念、原理与操作注意事项,需要的朋友可以参考下
    2020-05-05

最新评论