[前端JS学习笔记]JavaScript CallBack

来源：互联网发布：java gc finalize 编辑：程序博客网时间：2024/05/21 11:40

一、概念介绍

　　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);
}

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

0 0