JS中【命名函数】VS【匿名函数】 的区别

目录

1.命名函数=自定义函数（使用function关键字+函数名）：

特点：

语法：

2.匿名函数

特点：

---

1.命名函数=自定义函数（使用function关键字+函数名）：

特点：

1.有名字

2.调用可以在函数体之前/之后

语法：

function 函数名（参数）{。。。}

函数名()；

或

函数名()；

function 函数名（参数）{。。。}

比如：

例子1：命名函数调用可以在函数体之后

    <script>
        function fn1() {
            console.log(1);
        }
        // 调用命名函数fn1
        fn1();
    </script>

实现效果：

例子2：命名函数调用可以在函数体之前

    <script>
        // 调用命名函数fn1
        fn1();
        function fn1() {
            console.log(1);
        }
    </script>

实现效果：

2.匿名函数

特点：

1.无名字

2.调用只能在函数体之后

比如：

例子1：匿名函数调用可以在函数体之后

    <script>
        const fn2 = function () {
            console.log(2);
        }
        // 调用储存了匿名函数的fn2
        fn2();
    </script>

实现效果：

例子2：匿名函数调用！！！！！不能！！！在函数体之前

    <script>
        // 调用储存了匿名函数的fn2
        fn2();
        const fn2 = function () {
            console.log(2);
        }
    </script>

实现效果：