码迷,mamicode.com
首页 > 编程语言 > 详细

[前端JS学习笔记]JavaScript CallBack

时间:2016-10-19 03:02:28      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:

一、概念介绍

  CallBack : "回调" 。 在spring优秀框架回调无处不在, 回调的运用场景很多, 如 swt事件监听、netty等。它的主要作用是提高程序执行效率, 一段代码执行时不必等另一段代码执行结束才继续往下run。 在JavaScript也不例外。 

二、js 回调语法

传递函数作为回调

function(ag1,ag2...,callback) {

  // 业务逻辑代码

js 代码study.js

window.mytest = function(str, callback) {
    printStr(str) ;
    var res = test_callback();
    callback(res);
}

function printStr(str) {
    alert(str);
}

function test_callback() {
    return "回调测试";
}

 html代码 studyJS.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />

</head>
<body>

    <button onclick="test_callback()">test</button>

</body>

<script src="js/study/study.js" type="text/javascript"></script>

<script>
    
    
    mytest("加油", function(data) {
        console.log(data);
    })

</script>

</html>

分析 : 打开 studyJS.html, 会执行mytest()方法。执行之后,回去回调业务定义的回调函数, 如上图

function(data) {
   console.log(data);
}

所以控制台会输出 ”加油“!!!

 

[前端JS学习笔记]JavaScript CallBack

标签:

原文地址:http://www.cnblogs.com/chenmo-xpw/p/5975567.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!