JavaScript介绍（3）——函数

最新推荐文章于 2024-08-20 18:04:12 发布

momo不吃辣

最新推荐文章于 2024-08-20 18:04:12 发布

阅读量123

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_54645034/article/details/126228450

版权

函数代码复用参数返回值代码效率

关键词由CSDN通过智能技术生成

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。掌握函数的基本使用，让代码具有服用能力，大大提高代码效率和逻辑。

函数

function，是被设计为执行特定任务的代码块。

函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。不同于循环重复的代码，可以随时调用，随时执行，可重复调用。

函数的使用

函数的声明方法：

function 函数名（）{
     函数体
}

函数的命名规范：

1.和变量命名基本一致。

2.尽量小驼峰命名法。

3.前缀应该为动词。

4.命名建议：常用动词约定。

函数的调用语法：

函数名（）

注意：声明（定义）的函数被调用才会真正执行，使用（）调用。

我们曾经使用的alert()，parselint()这种名字后面跟着小括号的本质都是函数的调用。

例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //函数声明
        function sayHi(){
            document.write(`你好`)
        }
        //函数调用
        sayHi()
    </script>
</body>
</html>

函数参数

若函数完成时需要调用者传入数据，那么就需要用有参数的函数，这样可以极大提高函数的灵活性。

有参数的函数声明和调用：

参数列表：传入数据列表；

声明这个函数需要多少数据；

多个数据用逗号隔开。

function 函数名(参数列表){
      函数体
}


function getSquare(num1,num2){
 document.write(num1*num2)
}

形参和实参：

形参：声明函数时写在函数名右边小括号里的叫形参。

实参：调用函数时写在函数名右边小括号里的叫实参。

注：形参可以理解是在这个函数内声明的变量（比如：num1=10）实参可以理解为是给这个变量赋值，开发中尽量保持形参和实参数量一致，如果调用的时候，我们没有传递实参，则默认为0。

例：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //学生的分数是一个数组，计算每个学生的总分。
        function getScore(arr) {//arr=[99,100,88,78,90]
            let sum = 0
            for (let i = 0; i < arr.length; i++) {
                sum += arr[i]
            }
            document.write(sum)
        }
        getScore([99, 100, 88, 78, 90])
    </script>
</body>

</html>

函数返回值：

函数返回值是为了把处理结果返回给调用者。

用return返回数据：