美文网首页
JS高阶函数--回调函数(callback)类比filter实现

JS高阶函数--回调函数(callback)类比filter实现

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-03-24 09:24 被阅读0次

一、什么是回调函数?

在 JavaScript 中,你将一个函数作为参数传递给另一个函数。在另一个函数内部作为参数传递的这个函数称为回调函数

二、示例

<script>
    function callMe (name) {
      console.log('我是' + name); //我是张三
    }
    // 函数
    function greet (name, callback) {
      callback(name);
    }
    // 作为参数传递函数
    greet('张三', callMe);
  </script>

输出

我是张三

二、通过回调函数实现数组filter过滤

<script>
    function fn (arr, callback) {
      let newArr = [];
      for (let item of arr) {
        if (callback(item)) {
          newArr.push(item);
        }
      }
      return newArr;
    }
    const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
    let result = fn(arr, (item) => item > 10);
    console.log(result); //[11,12]
  </script>

相关文章

  • 07_Node.js Event

    一、回调函数 callback 1、回调函数 Node.js 异步编程的直接体现就是回调,异步编程依托于回调来实现...

  • JS-回调函数、省份显示

    省份简称与省份全称 js,如何把省份简称转换成省份全称 callback回调函数 JS中回调函数(callback...

  • 将CallBack改写成Promise

    CallBack回调函数是js的特色之一, 但CallBack回调方法, 非常容易造成回调地狱(callback ...

  • js 高阶函数

    filter map reduce filter 高阶函数的用法 filter 中的回调函数有一个要求:必须返回...

  • Callback、Promise、async/await

    一、Callback回调函数例子: callback函数应用举例: 就是通过callback回调函数来传回数据 缺...

  • JavaScript中的回调函数

    JS中的回调函数 示例: // 定义一个函数 function clb(callback) { aler...

  • Filter @mpjme

    filter简介 返回数组中的满足回调函数中指定的条件的元素。 语法 array1.filter(callback...

  • AOP(面向切片编程)

    高阶函数 要理解AOP,那么首先要了解高阶函数,成为高阶函数需要两个条件: 函数的参数是函数 (callback回...

  • 2019-12-01

    JS中回调函数(callback)理解https://blog.csdn.net/undericon/articl...

  • for in ,for of, reduce

    for in ,for of, reduce 高级函数 filter map reduce filter 回调函数...

网友评论

      本文标题:JS高阶函数--回调函数(callback)类比filter实现

      本文链接:https://www.haomeiwen.com/subject/dnijldtx.html