js回调函数使用方法
Javascript 中函数实际上是对象,它能被存储在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回;
释义:回调函数,一个函数被作为参数传递给另一个函数(在这里我们把另一个函数叫做“otherFunction”),回调函数在otherFunction中被调用。
// 注意到click方法中是一个函数而不是一个变量,
// 它就是回调函数
$("#btn").click(function() {alert("hello world");
}); //或者上面写成以下
function click() { // 它就是回调函数alert("hello world");
}
$("#btn").click(click);
1、回调函数是怎样运作的?
因为函数在Javascript中是第一类对象,我们像对待对象一样对待函数,因此我们能像传递变量一样传递函数,在函数中返回函数,在其他函数中使用函数。当我们将一个回调函数作为参数传递给另一个函数是,我们仅仅传递了函数定义。我们并没有在参数中执行函数。我们并不传递像我们平时执行函数一样带有一对执行小括号()的函数。
需要注意的很重要的一点是回调函数并不会马上被执行。它会在包含它的函数内的某个特定时间点被“回调”(就像它的名字一样)
2、实现回调函数的基本原理?
使用命名函数或者匿名函数作为回调,像之前的例子一样,第一种方法就是匿名函数作为回调(使用了参数位置定义的匿名函数作为回调函数)。第二种方式就是命名函数作为回调(定义一个命名函数并将函数名作为变量传递给函数)
常用方法,传递参数给回调函数:
方法一:匿名函数作为回调函数
var generalLastName = "BruceLee";
function getInput(options, callback){var arr = [];arr.push(options);//将全局变量generalLastName传递给回调函数callback(generalLastName,arr);
}
getInput({name:"long",speciality:"WingChun"}, function(generalLastName,arr){console.log(generalLastName + ":" + arr[0].speciality)
});
方法二:命名函数作为回调函数
var generalLastName = "BruceLee";
function getInput(options, callback){var arr = [];arr.push(options);//将全局变量generalLastName传递给回调函数callback(generalLastName,arr);
}
function call(generalLastName,arr){console.log(generalLastName + ":" + arr[0].speciality)
}
getInput({name:"long",speciality:"WingChun"}, call);
js回调函数使用方法相关推荐
- html动态加载js方法,原生JS实现动态加载js文件并在加载成功后执行回调函数的方法...
本文实例讲述了原生JS实现动态加载js文件并在加载成功后执行回调函数的方法.分享给大家供大家参考,具体如下: 有的时候需要动态加载一个javascript文件,并且在加载成功后执行回调函数(例如文件中 ...
- js回调函数的理解(轉)
js回调函数(callback)理解Mark!讲之前说一句function say(){alert(,,,,,,,,)}var say=function (){alert(,,,,,,,)}var s ...
- html js 回调函数,js中回调函数的学习笔记
回调函数是什么在学习之前还真不知道js回调函数怎么使用及作用了,下面本文章把我在学习回调函数例子给各位同学介绍一下吧,有需了解的同学不防进入参考. 回调函数原理: 我现在出发,到了通知你" ...
- js回调函数获取异步返回值
js回调函数获取异步返回值 1.尝试获取异步返回值 function test(){var res = 0;setTimeout(function(){res = 1;},1000)return re ...
- [转]在C#中使用API回调函数的方法
在C#中使用API回调函数的方法 就以EnumChildWindows和EnumChildProc为例子: 首先要声明EnumChildProc 为一个回调函数 public delegate boo ...
- 【转】JS回调函数--简单易懂有实例
JS回调函数--简单易懂有实例 初学js的时候,被回调函数搞得很晕,现在回过头来总结一下什么是回调函数. 我们先来看看回调的英文定义:A callback is a function that is ...
- JS回调函数(callback)
在使用Jquery的时候,用到Callback(),回调函数的概念.而且很多. 比如: $.ajax({url:"test.json",type: "GET", ...
- node.js 回调函数
Node.js 回调函数 Node.js 异步编程的直接体现就是回调. 异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了. 回调函数在完成任务后就会被调用,Node 使用了大量的回调函数, ...
- layui外部引入_layui use 定义js外部引用函数的方法
layui.use 加载layui.define 定义的模块,当外部 js 或 onclick调用 use 内部函数时,需要在 use 中定义 window 函数供外部引用 ,如下: layui.us ...
- mysql.js回调函数_js回调函数(callback)
Mark! js学习 不喜欢js,但是喜欢jquery,不解释. 自学jquery的时候,看到一英文词(Callback),顿时背部隐隐冒冷汗.迅速google之,发现原来中文翻译成回调.也就是回调函 ...
最新文章
- 「杂谈」旷视科技新产品监视学生上课不是什么好事儿
- 布线须知:无线AP采用PoE交换机供电的好处
- 单独获取ShopEx商品类型中的扩展参数,如配货时间
- GD32如何替换STM32?
- 迅雷加载项会导致IE9浏览器崩溃
- 作者:贺田田(1985-),男,香港理工大学电子计算学系博士生
- android 外部存储列表,如何获取Android设备的已安装外部存储列表
- 阐述HTML语言的基本语法规则,HTML基本语法和语义写法规则与实例
- 40万亿“新基建”来了!程序员的新翻身机会终于也来了!
- MatlabTrick
- (Windows)获取系统显示的缩放比例方法
- 5、OC —— @property和@synthesize
- 使用readelf和objdump剖析目标文件
- 张量的基本概念及应用
- 网易易盾—推理拼图验证码的破解
- buuctf web wp
- Ubuntu更换系统字体
- 瘦身长腿、日新小清新治愈系、lomo效果
- 【蜂口 | AI人工智能】三维人脸重建——龙鹏 深度学习与人脸图像应用连载(十)
- 无须注册的云盘平台anonfile