JavaScript -js进阶 - 函数参数默认值 - level

最新推荐文章于 2025-11-07 23:29:12 发布

原创最新推荐文章于 2025-11-07 23:29:12 发布 · 454 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

JavaScript 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了函数参数默认值的概念，如何在定义函数时设置默认值，以及何时选择使用默认值。重点讲解了默认值的使用场景、要求及常见示例，包括JavaScript中的函数实现。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>函数参数默认值</title>
    </head>
    <body></body>
    <script>
        // 参数默认值: 形参默认值
        // 用户如果给了实参: 默认值无效; 如果没给: 使用默认值

        // 1. 在定义函数形参的时候: 直接给形参赋值
        // 乘法表: 大概率是9层
        function chengFa(level = 9) {
            // 99乘法表
            for (let i = 1; i <= level; i++) {
                for (let j = 1; j <= i; j++) {
                    document.body.innerHTML += `${j} * ${i} = ${i * j}&nbsp;`;
                }

                document.body.innerHTML += "<br>";
            }
        }

        chengFa(); // 没有给实参: 形参默认值 9 生效
        chengFa(3); // 给了实参: 默认值 9 不生效

        // 默认值的作用: 让函数灵活(用户不给实参也能运行)
        // 1. 什么时候使用默认值?
        // 回答: 如果一个参数出现某个值的概率很高: 就可以使用默认值; 如果是布尔类型,通常都会给一个默认值
        // 元素.addEventListener('click',function(){} , false) , 默认冒泡触发

        // 2. 默认值有什么要求吗?
        // 回答: 有默认值的形参,一定要放最后
        // function add(a = 1, b){}     // b必须要被赋值, 不能跳过a,必须先给a赋值实参, 才能给b传参: a = 1 默认值没有意义
    </script>
</html>