JavaScript基础六：函数

一、函数的使用

• 1.声明函数

function 函数名() {
函数体
}

function Hello() {
console.log('hello');
}

• 2.调用函数 函数名()

调用两次：

Hello()
Hello()

注意:默认是不执行,必须要调用才能执行

二、函数的参数

参数作用: 提高灵活性

• 1.定义求和的函数

function getSum(x, y) {
    console.log(x + y);
}

(x,y)：形参-我们可以理解为一个变量

• 2.调用这个函数

getSum(5, 8)

(5,8)：实参-我们输入的真实数据

• 3.计算结果

console.log(x + y);//结果为13

默认参数

默认参数作用:防止程序出错

function getSum(x, y) {
    console.log(x + y);//NaN
}
getSum(5)

function getSum(x = 0, y = 0) {
    console.log(x + y);//5
}
getSum(5)

三、函数的返回值

函数的返回值:函数执行完毕生成的结果返回给外部调用者。

function fn() {
    return 20;//结果返回到外部
}
fn();//调用者接收返回值
console.log(fn());//打印结果为20

四、函数的细节注意点

1.相同函数之间会覆盖

function fn() {
    return 111
}

function fn() {
    return 222
}

console.log(fn());//结果为222

2.函数的参数不一致

• 形参多于实参

 function handle(a, b, c, d) {
            console.log(a, b, c, d);//多余形参默认是undefined
        }
        handle(1, 2, 3);//(1, 2, 3,undefined)

• 实参多于形参

function handle(a, b) {
    console.log(arguments);
    console.log(a, b);//多余实参存放伪数组arguments
}
handle(1, 2, 3, 4, 5);//(1, 2)

• return也代表函数运行结束

function hi() {
    console.log(111);
    return//函数运行结束
    console.log(222);//不会执行
}
hi()