具名函数

约 950 字大约 3 分钟

2024-10-02

什么是函数

函数就是对一个功能的封装, 用于精简代码, 方便调用的特性, 是编程中的一种重要概念.

举个例子:

我要用JS在网页上输出乘法口诀表, 写了如下代码:

这时候, 如果我想多输出几遍, JS就要写成这样:

很麻烦, 如果用函数就可以不用写这么多了, 将JS写成这样

想输出几遍, 就调用几遍Sheet99().

function 函数名() {
    函数体
}

举个例子:获取用户名: getUserName, 设置用户名: serUserName, 判断性别: isGender等.

函数名()

注意

声明(定义)的函数必须调用才会真正被执行, 使用()调用函数.

传参全称: 传递参数.

function 函数名(形参1, 形参2, ...) {
    函数体
}

函数名(实参1, 实参2, ...)

举个例子, 做一个加法的函数:

function getSum(Num1, Num2) {
    console.log(Num1 + Num2)
}

getSum(10, 5)

// 输出 15

我们之前使用的alent("打印"), console.log("控制台输出"), 本质上也是执行函数并传参的体现.

形参可以看做一个变量, 如果一个变量不给值, 默认是undefined.

但是, 如果一个用户不输入实参, 刚刚的案例就会出现undefined + undefined, 结果是NaN.

那么我们可以改进一下, 如果不输入实参, 就给形参一个默认值, 可以默认为0.

function getSum(Num1 = 0, Num2 = 0) {
    console.log(Num1 + Num2)
}

getSum()

// 输出 0

注意

这个默认值只会在缺少实参参数传递时才会被执行, 所以有参数会优先执行传递过来的实参, 否则默认为undefined.

其实我们之前已经接触过了.

let result1 = prompt("请输入您的年龄")
let result1 = parseInt("111")

将用户输入的内容, 返回到变量中.

既然存在有返回值的函数, 那自然就存在没有返回值的函数.

alert("弹窗不需要返回值")

所以, 可以根据需求, 来决定是否需要返回值.

可以使用return关键词, 来将数据返回出函数, 还是拿之前的例子.

function getSum(Num1 = 0, Num2 = 0) {
    return Num1 + Num2
}

let Num = getSum(10, 5)
console.log(Num)
console.log(getSum(10, 5))

// 输出 15

getSum将数据返回到Num里, 最后输出到浏览器终端.

注意

return关键词执行后, 函数内后续的代码不会在执行了, 例如:

function getSum(Num1 = 0, Num2 = 0) {
    return Num1 + Num2
    console.log("return下面的代码不会执行了")
}

函数除了具名函数, 还会有匿名函数, 且看我下回讲解~

版权归属：Erhai_lake