最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

完全掌握js回调函数

来源:动视网 责编:小采 时间:2020-11-27 19:59:25
文档

完全掌握js回调函数

完全掌握js回调函数:一、前奏在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果。function say (value) { alert(value); }alert(say);alert(say('hi js.'));如果你测试了,就会发现:只写变量名 say 返回的将会是 say方法本身,以字符串的形式表
推荐度:
导读完全掌握js回调函数:一、前奏在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果。function say (value) { alert(value); }alert(say);alert(say('hi js.'));如果你测试了,就会发现:只写变量名 say 返回的将会是 say方法本身,以字符串的形式表


一、前奏

在谈回调函数之前,先看下下面两段代码:
不妨猜测一下代码的结果。

function say (value) {
 alert(value);
}alert(say);alert(say('hi js.'));

如果你测试了,就会发现:

只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来。
而在变量名后加()如say()返回的就会使say方法调用后的结果,这里是弹出value的值。

二、js中函数可以作为参数传递

再看下面的两段代码:

function say (value) {
 alert(value);
}function execute (someFunction, value) {
 someFunction(value);
}
execute(say, 'hi js.');

function execute (someFunction, value) {
 someFunction(value);
}
execute(function(value){alert(value);}, 'hi js.');

上面第一段代码是将say方法作为参数传递给execute方法
第二段代码则是直接将匿名函数作为参数传递给execute方法

实际上:

function say (value) {
 alert(value);
}// 注意看下面,直接写say方法的方法名与下面的匿名函数可以认为是一个东西
// 这样再看上面两段代码是不是对函数可以作为参数传递就更加清晰了say;function (value) {
 alert(value);
}
这里的say或者匿名函数就被称为回调函数。

三、回调函数易混淆点——传参

如果回调函数需要传参,如何做到,这里介绍两种解决方案。

  • 将回调函数的参数作为与回调函数同等级的参数进行传递

  • 回调函数的参数在调用回调函数内部创建

  • 相关推荐:

    javscript的回调函数(callback)详解

    JavaScript运行机制之事件和回调函数

    PHP回调函数概念与用法

    文档

    完全掌握js回调函数

    完全掌握js回调函数:一、前奏在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果。function say (value) { alert(value); }alert(say);alert(say('hi js.'));如果你测试了,就会发现:只写变量名 say 返回的将会是 say方法本身,以字符串的形式表
    推荐度:
    标签: 完全 js 回调函数
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top