js-函数

113 阅读1分钟

函数是什么?

封装了一段可以内重复执行调用的代码块,通俗来讲是可以用来代替代码中大量出现的重复功能的部分。

如何使用函数

1、定义一个函数(命名最好选用动词,驼峰命名)

        function 函数名(){
            执行语句;
        }

2、调用函数(不调用不执行,需要加上小括号)

        函数名();

定义函数,调用函数后,我们就能使用函数,下面来用函数做一个小练习,求和1~100:

    <script>
        function getSum() {
            var sum = 0;
            for (var a = 1; a <= 100; a++) {
                sum += a;
            }
            document.write(sum);
        }
        getSum();
    </script>

3、形式参数函数的使用(个数不限,也可以没有)

  • 形式参数 声明函数的小括号里 不需要声明,直接接收实参
  • 实际参数 函数调用的小括号里 我们有了参数,就可以用同一函数,做不同的事情。比如我们想要求任意两个数字的和:
    <script>
        var sum = 0;
        function getSum(num1, num2) {
            console.log(num1 + num2);
        }
        getSum(3, 4);
    </script>

4、return用法

  • 返回 通过return将return后面的结果返回给调用者,使用参数接收return的值
    <script>
        function getNum() {
            return '123';
        }
        let str = getNum();
        document.write(str);
    </script>
  • 终止 遇到return,后面的代码就不执行
    <script>
        function getNum() {
            return '123';
            document.write('1234');
        }
        let str = getNum();
        document.write(str);
    </script>

document.write('1234');在return之后,不会执行,所以页面只会打印‘123’,不会打印‘1234’