JavaScript（JS）函数的使用（二）

12、函数

函数名相同时后面的函数覆盖前面的函数；
在JS中实参的个数和形参的个数可以不一致；
如果形参过多，会自动填上undefined；
如果实参过多，多余的实参会被忽略；

函数遇到return就不向下执行，函数的结束用return。

1.1 函数的声明与调用

<script>
    function writeText() {
        document.write("示例文字")
    }
    writeText()
</script>

1.2 函数的使用

命名规范：

和变量命名基本一致；
尽量使用小驼峰命名；
前缀为动词。

1.3 函数的传参

在函数体中使用return关键字能将内部的结果交给函数外部使用；
return后面的代码不会被执行，并立刻结束当前函数；
函数没有return默认返回值为undefined。

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>函数的传参</title>
</head>

<body>
    <script>
        function getSum(num) {
            let sum = 0
            for (let i = 0; i <= num; i++) {
                sum += i
            }
            return sum
        }

        document.write(getSum(100))
    </script>
</body>

</html>

1.4 作用域

一段程序代码所用到的名字不总是有效和可用的，限定名字的可用代码范围就是这个名字的作用域，作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少的名字的冲突。

<script>
    let num = 10 // 全局变量
    console.log(num)
    function fn() {
        let i = 0; //局部变量
        console.log(num)
    }
    fn()
    console.log(i) // 报未定义的错误
</script>

1.5 函数表达式

<script>
    // 1、函数表达式，必须先声明函数表达式，后调用
    let a = function (x) {
        console.log(x)
    }
    a(2)
    // 2、具名函数，可以写到任何位置进行调用
    b(0)
    function b(y) {
        console.log(y)
    }
    // 3、立即执行函数，避免全局变量之间的污染,后面必须加分号
    (function () { console.log(2) })(); // (function(){})()
    (function () { console.log(4) }()); // (function(){}())
</script>

1.6 逻辑中断

<script>
    let num = 1
    console.log(1 && 2) // 都是真，返回最后一个真值
    console.log(1 || 2) // 都是真，输出第一个真值
    console.log(false && 3)   // 左边为false中断
    console.log(true || 4)   // 左边为真值中断操作
    console.log(false && num++) // 不执行，一假则假

    function addSum(x, y) {
        x = x || 0
        y = y || 0
        console.log(10 + 20)  // 解决相加值为未定义的问题
    }
    addSum()
</script>