函数之回调函数

最新推荐文章于 2025-06-22 15:45:10 发布

原创最新推荐文章于 2025-06-22 15:45:10 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

小蜗牛学前端专栏收录该内容

10 篇文章

订阅专栏

本文深入讲解JavaScript中的回调函数，探讨其作为数据类型的应用，如何在异步操作中获取数据，以及在数组处理中的具体实现，如myFind方法的源码分析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

函数的作用： 函数也是一种数据类型，既可以当作参数进行传递，也可以当作方法的返回值，理解就能够运用回调函数
回调函数：js通过异步操作获取的数据的一种方式，基本代码如下

function fn(callback) {
    setTimeout(function () {
       var data = 'hello'
        callback(data)
    },1000)
}

//如果需要获取一个函数中的异步操作的结果，则必须通过回调函数来获取
fn(function (data) {
    console.log(data)
})

在数组中的运用，函数作为一个形参进行，理解映射（带有数学的知识）

在这里插入代码片
//源码分析

var users = [
        { id:1, naem: '张三'},
        { id:2, naem: '李四'},
        { id:3, naem: '王五'}
]
//完整的写法
Array.prototype.myFind = function (conditionFunc) {
   // var confitionFunc = function (item,index) { 
    //   return item.id = index
    // } 
    for (var i = 0; i < this.length;i++){
        if(conditionFunc(this[i],i)){
            console.log('执行')
            return this[i]
           // return console.log(this[i])
        }
    }
}
//var index = 1
var ret = users.myFind(function (item,id) {
    return item.id === 3
})
console.log(ret)