理解JavaScript中的回调函数
2016-03-16 21:24
274 查看
理解回调函数,首先要知道在JavaScript中,函数也是对象,它可以赋值给变量,也可以作为参数传递给另一个函数。比如:
这里定义了一个变量add,然后将一个匿名函数赋值给了这个变量;
接下来演示将函数作为参数传递给另一个函数,换句话说就是:将一个函数放在另一个函数(如 parent)的参数列表中,作为参数传递给parent,然后在parent函数体的某个位置执行它。其实这也就是回调函数了。看个小栗子:
首先是定义函数fun,fun有个参数callback(名字可以随便取嘛),在调用fun函数之前,并不知道这个callback是个什么;调用时给它传递的是个函数 function(x,y,z){return (x+y+z);}作为参数,所以s的值就为返回的三个数相加的值。这就是个简单的使用回调函数的过程。
var add=function(a,b){ console.log(a+b); }; //3 add(1,2);
这里定义了一个变量add,然后将一个匿名函数赋值给了这个变量;
接下来演示将函数作为参数传递给另一个函数,换句话说就是:将一个函数放在另一个函数(如 parent)的参数列表中,作为参数传递给parent,然后在parent函数体的某个位置执行它。其实这也就是回调函数了。看个小栗子:
var fun=function(callback){ var a=1,b=2,c=3; var s=callback(a,b,c); return s; }; //调用fun var t=fun(function(x,y,z){ return (x+y+z); }); //6 console.log(t);
首先是定义函数fun,fun有个参数callback(名字可以随便取嘛),在调用fun函数之前,并不知道这个callback是个什么;调用时给它传递的是个函数 function(x,y,z){return (x+y+z);}作为参数,所以s的值就为返回的三个数相加的值。这就是个简单的使用回调函数的过程。
相关文章推荐
- JavaScript的三种工业化调试方法
- JavaScript数组创建方式
- Ractive.js使用入门
- JSP内置对象
- js事件防止冒泡
- JS算法总结
- 第七章:JavaScript面向对象三大特征
- js笔记
- JSP初学
- javascript 关于弹出新页面始终在正中央方法
- js调用百度地图API
- JavaScript中的引用类型
- JavaScript 代码规范
- 原生javascript 简易实现放大镜效果
- 【bzoj1013】[JSOI2008]球形空间产生器sphere 高斯消元
- 使用.net 3.5的DataContractJsonSerializer进行JSON Serialization
- JS解析XML--实现省市县级联
- js的几种继承方式
- JSP里ContentType ,charset和pageEncoding的理解与区别
- Jackson 框架,轻易转换JSON