JavaScript-回调函数

最新推荐文章于 2024-02-14 00:00:00 发布

A_bad_horse

最新推荐文章于 2024-02-14 00:00:00 发布

阅读量186

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/A_bad_horse/article/details/105484856

版权

JavaScript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

什么是回调函数？

作为参数传递给另一个函数的函数被称为回调函数。（ 已定义、未直接调用、最终执行（在特定条件/时刻））

什么是高阶函数？

接受其他函数作为参数的函数称为高阶函数。

<script>
    function count (number, callback) {
        return callback(number);
    }
    function plusNumber(number) {
        return number+1;
    }
    console.log(count(10, plusNumber)); // output: 11
</script>

plusNumber作为参数传递给count，因此plusNumber是回调函数，count是高阶函数。

常见的回调函数有哪些？

DOM事件函数、定时器函数、ajax回调函数

<body>
<button id="btn">按钮</button>
<script>
    var btn = document.getElementById('btn');
    btn.onclick = function () {
        alert(this.innerHTML);
    }
</script>
</body>

alert(this.innerHTML); 定义但没有直接调用，通过click事件调用。

<script>
    var btn = document.getElementById('btn');
    (function() {
        alert(this.innerHTML);
    })();
</script>

以上就是直接调用alert函数。

为什么使用回调函数？

回调函数可以将调用函数委托给其他函数，让开发人员使用组合来构建项目，保证代码简洁、高效。

参考链接

https://www.bilibili.com/video/av85988807/ (JavaScript 回调函数)

https://www.bilibili.com/video/av97566371/?redirectFrom=h5 (回调函数)

A_bad_horse

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-回调函数

什么是回调函数？作为参数传递给另一个函数的函数被称为回调函数。（已定义、未直接调用、最终执行（在特定条件/时刻））什么是高阶函数？接受其他函数作为参数的函数称为高阶函数。<script> function count (number, callback) { return callback(number); }...
复制链接

扫一扫

专栏目录