当前位置：首页 > 资讯 > 技术文档

JS回调函数简单用法示例

时间：2022-07-01 12:24 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS回调函数简单用法示例

本文实例讲述了JS回调函数简单用法。分享给大家供大家参考，具体如下：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>testCallBack.html</title>
</head>
<body>
<button id="bt_test" >开始测试</button>
  <script type="text/javascript">
   function a(callback){
    console.log("这里是a函数！可以执行a函数的业务逻辑。");
    if(callback){
      console.log("进入if callback!");
      return callback(1,2,3);//可以返回回调函数的返回值  也可以在调用回调函数时设置回调函数的参数
    }else{
      console.log("还没有 进入if callback!");
    }
  }
  function b(m,n,k){
    console.log("测试：：第一个参数"+m+" 第二个参数："+n+" 第三个参数："+k);
    return 0;
  }
  var testBt = document.getElementById("bt_test");
  testBt.onclick=function(){console.log(a(b));};
  </script>
</body>
</html>

运行效果图如下： [img]http://files.jb51.net/file_images/article/201702/201729102142067.jpg?201719102617[/img] 更多关于JavaScript相关内容可查看本站专题：《[url=http://www.1sucai.cn/Special/722.htm]JavaScript常用函数技巧汇总[/url]》、《[url=http://www.1sucai.cn/Special/85.htm]javascript面向对象入门教程[/url]》、《[url=http://www.1sucai.cn/Special/313.htm]JavaScript中json操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/502.htm]JavaScript切换特效与技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/472.htm]JavaScript查找算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/439.htm]JavaScript错误与调试技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/297.htm]JavaScript数据结构与算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/281.htm]JavaScript遍历算法与技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/119.htm]JavaScript数学运算用法总结[/url]》希望本文所述对大家JavaScript程序设计有所帮助。

全部评论(0)

上一篇：script的async属性以非阻塞的模式加载脚本
下一篇：JS回调函数基本定义与用法实例分析

资讯排行榜
更多>>