2024年最新JavaScript入门第十四章（高阶函数 ）(1)，程序员必学之一

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 说明：1.可以用函数变得更加灵活

•       2.arguments是一个伪数组
  

•          * 伪数组：只有数组的下标、元素、长度，没有数组其他方法
  

*/

/*一：argument用法演示/

//1.这行代码会报错，因为函数外部无法使用arguments

// console.log ( arguments );

//2.定义一个无参的函数，作用是打印该函数的所有参数

function fn ( num1 ) {

//(1)arguemnt保存的是所有的实参的值

// console.log ( num1 );

// console.log ( arguments );//arguments只能在函数内部使用

//(2)arguemnt与形参是一一对应的

//修改了形参，arguemnt也会修改

num1 = 100;

console.log ( arguments );//修改了形参，arguments也会修改

//反之，修改了argeumnts，形参也会变化

}

fn(10,20);//实参与形参一一对应

/** 二：arguments实际用途展示：求不确定数量的参数的和 */

function add() {

//定义变量保留数据

let sum = 0;

console.log(arguments);

//有参数：遍历数组统计结果

for (let i = 0; i < arguments.length; i++) {

// 防止字符串和其他类型乱入，需要做安全判定

let value = arguments[i];

if (isNaN(value)) {

return false;

}

//说明value肯定是数值了，但是还要保证不是字符串（影响+号运算）

sum += Number(value);

}

return sum;

}

console.log(add());

console.log(add(100));

console.log(add(10,20));

2.回调函数

---

• 1.什么是回调函数：如果一个函数的参数也是一个函数，那么这个参数函数就叫做回调函数

• 2.为什么要有回调函数？

• 当一个函数调用执行完毕之后，我想执行另一段代码块，也就是调用另一个函数

• 但是有时候可能本函数执行完毕后，根据不同的情况需要调用的函数也不同，那么我们可以使用形参来接收这个函数，然后再调用

• 此时：这个形参函数就称之为回调函数

基础面试题

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等

将a()函数的返回值，传递给形参fn = a()

基础面试题

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等

[外链图片转存中…(img-N5RZdkU5-1715063443706)]