javascript函数的使用

什么是函数：

                函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用

JavaScript 函数是通过function关键词定义的

函数在使用时分为两步：声明函数和调用函数。

1.声明函数

// 声明函数
 function demo(){
函数体代码
            alert("学习function函数");
        }

被声明的函数不会直接执行,.必须通过调用才可以

2.调用函数

// 调用函数
函数名();  // 通过调用函数名来执行函数体代码

3.函数的参数

一个函数可以设置 0 个或者多个参数，参数之间用逗号分隔

  // 函数：封装了一段可以重复调用执行的代码块，通过代码块可以实现大量代码的重复使用

        // 1、声明一个累加求和函数

        // num1~num2之间所有数之和
        function getSum(num1,num2) {
            var sum = 0;
            for (var i = num1; i <= num2; i++) {
                sum += i;
            }
            console.log(sum);
        }

        // 2、调用函数
        getSum(1,100);
        getSum(11,1100);
        getSum(321,1212);

4.函数的返回值

 函数能够通过参数接收数据，也能够将函数执行结果返回一个值

function sum(a,b) {
    return a + b;
}
console.log(sum(10,20));

注意：如果函数没有设置 return 语句，那么函数有默认的返回值 undefined ; 如果函数使用 return 语句，但是 return 后面没有任何值，那么函数的返回值也是 undefined

// 1、return 终止函数
function getSum(num1, num2) {
    return num1 + num2;
    console.log('return除了返回值还起到终止函数的作用，所以在return后面的代码均不执行！');
}
console.log(getSum(10, 20));

// 2、return 只能返回一个值
function fn(num1,num2) {
    return num1, num2; //返回的结果是最后一个值
}
console.log(fn(10, 20));

// 3、 我们求任意两个数 加减乘除 的结果
function getResult(num1, num2) {
    return ['求和:' + (num1 + num2), '求差:' + (num1 - num2), '求积:' + (num1 * num2), '求商:' + (num1 / num2)];
}
re = getResult(10, 20);
console.log(re);
        // 想要输出多个值可以利用数组
// 4、我们的函数如果有return 则返回的是 return后面的值 如果函数没有 return 则返回undefined

5.匿名函数：是自动被调用（开始）的，在不进行调用的情况下

  (function(){
           alert("匿名函数");
        })();

6.箭头函数

<!--箭头函数:允许我们用更短的语法定义函数
        箭头函数可用于替代传统函数function() {}  -->
        <script>
            function sum(a,b){
                 return a+b;
             }
            //箭头函数 
            const sum1=(a,b) => a+b
             alert(sum1(5,10));
             //只有一个参数，您可以排除它周围的括号
             const addone=num => num+10;
            //如果的函数没有参数，您只需使用一对空括号，后跟通常的。像这样
            const sayHello = () => {
             alert("Hello");
             }
            //箭头函数可用于替代任何函数用例