【JavaScript】匿名函数及回调函数总结

JavaScript 匿名函数
匿名函数没有显式的名称, 被视为一个函数表达式，可以在不需要额外命名的情况下进行定义和使用, 通常被用作回调函数, 即将函数作为参数传递给其他函数。

回调函数是在特定事件或条件发生时被调用的函数，回调函数通常用于异步编程中，比如ajax 中的success就是一个回调函数，用于处理请求成功的结果。

基础形式

//函数赋值给了一个变量sub, 函数本身并没有一个具名标识符
let add = function (x, y) { return x - y;
}
console.log("sub", add(3, 6));

箭头函数

//箭头函数是一种匿名函数
//省略function添加 =>
let add = (a, b) => { return a + b;
}
console.log("plus", add(5, 10));

隐式返回

//在函数体内只有一个表达式的情况下, 可以省略花括号{}和return关键字
let add = (a, b) => a + b
console.log("plus2", add(10, 20))

针对上述知识，举一个实际案例：

// 原始数组
let numbers = [5, 12, 8, 20, 3, 15];// 过滤函数：使用匿名函数作为回调，过滤出大于10的数字，返回的新数组存储在filteredNumbers中
let filteredNumbers = numbers.filter(function(num) {return num > 10;
});
console.log("过滤后的数组:", filteredNumbers); // 输出: [12, 20, 15]// 排序函数：使用箭头函数作为回调，按升序排序，结果存储在sortedNumbers中
let sortedNumbers = filteredNumbers.sort((a, b) => a - b);
console.log("排序后的数组:", sortedNumbers);   // 输出: [12, 15, 20]

• filter用于创建一个新数组，包含所有通过提供的测试函数的元素。
• 语法：array.filter(callback(element))
• callback是一个函数，接受当前元素作为参数，并返回一个布尔值。如果返回 true，该元素将包含在新数组中。

• sort用于对数组的元素进行排序，并返回排序后的数组。
• 语法：array.sort(compareFunction)
• compareFunction是一个可选的函数，定义排序顺序。

箭头函数(a, b) => a - b可以实现按升序排列数组中的数字。如果需要降序排列，可以使用(a, b) => b - a。