JavaScript 函数 声明函数 调用函数 函数的参数函数的参数

函数

函数的概念

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

函数的使用

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

声明函数

语法：

// 声明函数
function 函数名() {
    // 函数体代码
}

• function 是声明函数的关键字，必须小写

调用函数

语法：

函数名() // 调用函数

函数的参数

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传 递相应的参数，这些参数被称为实参。

函数形参和实参个数不匹配问题

参数个数	说明
实参个数等于形参个数	输出正确结果
实参个数多于形参个数	只取到形参的个数
实参个数小于形参个数	多的形参定义为undefined

示例：

function getSum(num1, num2) {
    console.log(num1 + num2)
}
getSum(1, 2)    // 3 实参个数等于形参个数 正常输出结果
getSum(1, 2, 3) // 3 实参个数多于形参个数 会取到形参的个数
getSum(1)       // NaN 实参个数小于形参个数 多余的形参定义为undefined 最终的结果就是 NaN

注意：在JavaScript中，形参的默认值是undefined。

函数返回值

return语句

语法：

function 函数名() {
    return 需要返回的结果
}
let 返回结果 = 函数名()

return终止函数

return 语句之后的代码不被执行。

function getSum(num1, num2) {
    return num1 + num2 // return 后面的代码不执行
    alert('不会执行')
}
console.log(getSum(1, 2))

return返回值

return 只能返回一个值。如果用逗号隔开多个值，以最后一个为准。

function fn(num1, num2) {
    return num1, num2
}
console.log(fn(1, 2)); // 2

函数没有 return 返回 undefined

函数都是有返回值的

1. 如果有return，则返回return后面的值

2. 如果没有return，则返回undefined

示例：

function fn(num1, num2) {
​
}
console.log( fn(1, 2) ); // undefined

arguments 的使用

当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。在JavaScript中，arguments实际上它是当前函数的一个内置对象。 所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有实参。arguments 展示形式是一个伪数组，因此可以进行遍历。伪数组具有以下特点：

• 具有 length 属性

• 按索引方式储存数据

• 不具有数组的 push，pop 等方法

示例：

function fn() {
    for (var i = 0; i < arguments.length; i++) {
        console.log(arguments[i])
    }
}
fn(1, 2);
fn('李逵', 68, '戴宗', 76);