[JavaScript知识库] JavaScript 函数

一. 函数的优势

函数：

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

说明：

函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势

是有利于精简代码方便复用，可以实现代码复用，提高开发效率。

二.? 函数使用

1. 函数的声明语法

function 函数名（） {

        函数体
}


function get（） {

    document.write('你好')
}

2. 函数使用

3.函数的调用语法

//函数调用，这些函数体内的代码逻辑会被执行




function get（） {

    document.write('你好')
}

//函数名（）

get （）

//注意：声明（定义）的函数必须调用才会真正被执行，使用 () 调用函数


//函数一次声明可以多次调用
get （）
get （）
get （）

效果：   你好 
         你好 
         你好

?4.函数体

函数体是函数的构成部分，它负责将相同或相似代码“包裹”起来，直到函数调用时函数体内的代码才

会被执行。函数的功能代码都要写在函数体当中。

二. 函数传参

1. 为什么要有参数的函数

function getSum() {
            let num1 = 10
            let num2 = 20
            console.log（num1 + num2）
        }
        
        getSum()

? 因为：这样的函数只能求 10 + 20，这个函数功能局限非常大

? 解决办法：把要计算的数字传到函数内

? 结论：

? 若函数完成功能需要调用者传入数据，那么就需要用有参数的函数

?这样可以极大提高函数的灵活性

2. 有参数的函数声明和调用

> 声明语法

function 函数名 （参数列表）{
       函数体
}

?> 单个参数

function getSum(num1) {
         
            document.write(num1 * num1)
        }

> 多个参数

function getSum(num1, num2) {  //多个数据要用逗号隔开
            
            document.write(num1 + num2)
        }

> 形参和实参

<script>
        //   形参  命名时名字括号里面的
        function getSum(num1, num2) {
            let res = num1 + num2
            document.write(res)
        }
        // 实参 调用的名字后面加数值
        getSum( 10, 20)
    </script>

形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）

实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）

形参可以理解为是在这个函数内声明的变量（比如 num1 = 10）

实参可以理解为是给这个变量赋值

开发中尽量保持形参和实参个数一致

我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参