「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」

函数

今天为大家讲解： 1.函数的用途 2、函数的返回值 3.函数的参数 4.自定义函数

一. 函数的用途

讲到函数，大家一定好奇函数的用途是什么，那么下面就为大家讲解函数的用途： 当程序规模较大，不便于阅读或修改时，我们为了使代码模块化，组件化管理，就用到的函数，这样我们只需要调整一个个函数来完成，既减少重复代码，又使代码编写更有调理。 例如: alert()函数。alert指的是函数名，小括号用于接收输入的参数

二.函数的返回值

函数执行后可以返回一个表示执行结果的值，如下示例：

var name = prompt('请输入名字：')； alert('你的名字是：' + name);

prompt 会在页面弹出输入框，laert()小括号内传入参数name，就可以弹出输入框内输入的内容。 当然我们也可以编写成一行代码：

alert('你的名字是：' + prompt('请输入你的名字：'))；

三.函数的参数

函数在定义参数时有两种类型：1.无参函数 2.有参函数
形参：所谓形参就是形式参数，具有特定含义，在定义函数时设置的参数称为形参
如下实例：

function greet(){
console.log('hello');
} 在自定义函数时即使不需要参数，但是也不能舍去（）小括号

实参：所谓实参就是实际参数，有具体的值，函数在调用时候传递的参数
如下示例：

function maxNum(a.b){
a = parseInt(a);
b = parseInt(b);
return(a >= b ? a : b)
}

四. 自定义函数

在JavaScript 中我们除了可以使用内置函数外，还可以使用自定义函数，用于封装代码。如下我们来演示一下：

// 定义函数 function sun(a,b){ var c = a+b; return c; } //调用函数 alert(sun(1,2)); // 输出3 alert(sun(3,4)); // 输出7

function 是用来定义函数的关键字，sun是函数名，小括号中变量 a,b 用于保存调用时传递的参数，return 将函数处理结果返回。调用函数就和调用内置函数一样。

回调函数

用途：在开发中，若想要函数体中某部分功能由调用者决定，此时就可以使用回调函数
含义：所谓回调函数指的是一个函数A作为参数传递给函数B，然后在B的函数体内调用函数A。这时我们就称函数A为回调函数。
如下代码解释更加清晰：

<script>
    function cal(num1,num2,fn ){
    return fn(num1.num2);
    }
    consoel.log(cal(21,22,function(a,b){
        return a+b;
    }));
    consoel.log(cal(20,19,function(a,b){
        return a*b;
    }));
</script>

以上函数cal（），用于返回fn回调函数的结果。我们在函数cal（）中调用了fn函数，所以fn就作为函数A在函数B中调用，fn为回调函数。由此我们也可以看出，在每次调用cal（）函数时我们可以根据回调函数传入不同的参数。在函数体中特定位置实现不同功能。

除此之外在JavaScript中还提供发很多利用回调函数实现具体功能的方法，如下：

方法名称	功能描述
find()	返回数组中满足回调函数的第一个元素的值，否则但会undefined
every()	测试数组中的所有元素是否都通过了回调函数的测试
some()	测试数组中某些元素是否通过由回调函数实现的测试
forEach()	对数组的每个元素执行一次提供的函数
map()	创建一个新数组，其结果是该数组中的每个元素都调用一次提供的回调函数后返回的结果
reduce()	对累加器和数组中的每个元素应用于该函数，将其减少为单个值
reduceRight()	接收一个函数作为累加器和数组的每个值将其减少为单个值