js中的函数一等公民

最新推荐文章于 2024-09-11 08:00:00 发布

臧小川

最新推荐文章于 2024-09-11 08:00:00 发布

阅读量220

点赞数

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

臧小川

本文链接：https://blog.csdn.net/chuan0106/article/details/120333862

版权

JavaScript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

本文探讨了JavaScript中函数作为参数的用法，重点讲解了如何通过回调函数处理异步操作，以及为何在`setTimeout`和`ajax`等场景下必须使用回调。通过实例演示了回调函数在`add`函数中的应用，以及两种不同方式的对比：直接返回异步操作结果与接受回调函数的实现。

摘要由CSDN通过智能技术生成

一种数据类型

参数、返回值
函数太灵活了，无所不能
一般情况下把函数作为参数目的就是为了获取函数内部的异步操作结果
JavaScript 单线程、事件循环

最基础的使用

function add1 (x, y) {
  return x + y
}

console.log(add1(1, 3));

setInterval(function () {
  console.log('hello')
}, 1000)

注意：凡是需要得到一个函数异步操作的结果 setTimeout redFile ajax 这种情况必须通过:回调函数

// 不成立
let add = (x, y) => {
  setTimeout(() => {
    console.log(2)
    let ret = x + y
    return ret
  }, 1000)
}
console.log(add(10, 30))

// 成立
let add = (x, y, callback) => {
  console.log(1)
  setTimeout(() => {
    // callback 就是回调函数
    // let x=1
    // let y = 30
    // let callback=ret=>{console.log(ret)}
    let ret = x + y
    callback(ret)
  })
}
add(1, 30, ret => {
  console.log(ret);
})