JavaScript的解析顺序对函数有何影响？

我不是女神ヾ 2021-09-18 14:08 338阅读 0赞

## **1.函数的定义方式** ##

我们都知道,在JavaScript中有两种定义函数的方式，分别为声明式函数和赋值式函数，但是两种函数在执行顺序却有不同。

比如：

声明式

<script>
        fn();       //      1
        function fu(){
            console.log(1)
        }
    </script>

赋值式

<script>
        fn();       // fn is not a function
        var fn = function(){
            console.log(1)
        }
    </script>

在声明式的函数中，函数在未定义之间执行没有任何问题，会在控制台中打印`1`，但是赋值式的就会报错，会告诉你`fn`不是一个函数，这是为什么呢？这就要从JavaScript的解析顺序说起。

## **2.JavaScript解析顺序** ##

JavaScript解析顺序分为预编译期与执行期。

也就是说JavaScript在执行代码之前会先进行预编译，在预编译期JavaScript会对本代码块中所有声明的变量和函数进行预处理，需要注意的是这里面只会将变量进行声明，但不进行初始化赋值，而且这里面处理的函数是声明式的函数。

举个例子：

<script>
        fn();
        var a =3;
        function fn(){
            console.log(1)
        };
        b();
        var b = function(){
            console.log(1)
        }
    </script>

JavaScript在处理上面的代码时，先预编译，简单理解，就是将所有变量声明和声明式函数先读一遍，也就是说在代码执行之前,JavaScript已经知道这段代码中有两个变量`a`,`b`和一个函数体`fn`可以这样理解Javascript先建立一个仓库把他们存起来。

<script>
        // 预编译阶段
        var a,
        var b,
        function fn(){
            console.log(1)
        };
    </script>

接下来就是执行阶段,执行阶段就没什么好说的了,就是代码一行一行执行

<script>
        // 预编译阶段
        var a,
        var b,
        function fn(){
            console.log(1)
        };
        //执行阶段
        fn();        //结果打印: 1
        a =3;        //将a进行初始化复制
        b();        // 发现仓库里有b,但此时b为初始化赋值前,是undefined,不是一个函数,
    这里就会报错, b is not a function 
        b = function(){   // 给b赋值一个函数,但是因为上一行代码出错,这里将停止执行
            console.log(1)
        }
    </script>

如果有其他疑问或是看法可以在评论里或投稿跟小编进行讨论，  
也可以关注微信公众号【筑梦前端】进行投稿，与小编一起探讨更多的编程知识。

发表评论取消回复

表情：

评论列表（有 0 条评论，338人围观）

还没有评论，来说两句吧...

相关阅读

相关抖音平台规则调整分析：新规则对创作者有何影响？

抖音平台近期确实会根据运营需求和用户行为进行规则的调整。这些调整可能会对创作者产生以下影响： 1. 内容审核加强：新的规则可能要求创作者在提交内容前进行更严格的自我审查，以防

绝地灬酷狼/ 2025年03月21日 07:24/ 0 赞/ 75 阅读

相关算法揭秘：抖音推荐机制对内容创作有何影响？

抖音的推荐机制是其内容分发和用户行为分析的核心。这种机制对内容创作者有着深远的影响： 1. **个性化内容推送**：抖音会根据用户的观看历史、点赞行为、评论互动等信息，为每个

港控/mmm°/ 2025年03月13日 11:06/ 0 赞/ 94 阅读

相关抖音时代影响：抖音对青少年的价值观形成有何深远影响？

抖音作为一款全球流行的短视频平台，其对青少年的价值观形成确实有着深远的影响。以下是几个主要方面： 1. 媒体消费习惯：抖音以其独特的短时、丰富多样的内容吸引着青少年。长期接触

水深无声/ 2025年02月23日 20:39/ 0 赞/ 113 阅读

相关抖音明星效应：明星账号对平台流量有何影响？

抖音明星效应在平台上确实发挥了巨大的影响力。以下是一些明星账号对平台流量的影响： 1. **话题热度**：明星通常有庞大的粉丝群体，他们的动态、作品等都可能引发大量关注和讨论

小鱼儿/ 2025年02月23日 09:48/ 0 赞/ 15 阅读

相关 Python中的空格和制表符对代码有何影响？

在Python编程中，空格和制表符主要会影响代码的可读性和格式化。 1. **可读性**：良好的编程习惯强调代码的清晰易懂。适当的空格和制表符可以让逻辑结构更明显。

旧城等待，/ 2025年02月21日 23:42/ 0 赞/ 61 阅读

相关抖音明星效应：对平台和用户有何影响？

抖音明星效应对于平台和用户都有多方面的影响： 1. 平台收益提升： - 明星入驻抖音，能吸引大量粉丝关注，从而带动平台播放量、点赞量等数据的上升。 - 明星与品牌

水深无声/ 2025年02月14日 05:12/ 0 赞/ 61 阅读

相关抖音平台政策更新：这些变化对创作者有何影响？

抖音平台政策的更新，通常会对创作者产生以下几方面的影响： 1. 内容审核要求提升：新的政策可能会对内容的质量、原创性或者敏感话题的处理有更严格的要求。这需要创作者及时了解和适

柔光的暖阳◎/ 2025年01月16日 08:57/ 0 赞/ 131 阅读

相关抖音蓝V认证对品牌价值有何影响？

抖音蓝V认证对于品牌价值确实有显著的影响： 1. **专业认可**：蓝V认证意味着账号获得了官方的认可，这对于提升品牌形象是非常重要的。 2. **内容权威**：蓝V账号发

爱被打了一巴掌/ 2024年12月25日 08:24/ 0 赞/ 79 阅读

相关抖音平台的算法调整，对内容创作有何影响？

抖音平台的算法调整会对其内容创作者产生多方面的影响： 1. 内容推荐：抖音算法倾向于推送用户可能感兴趣的内容。如果创作者的内容与用户的搜索习惯匹配度高，那么他们的内容更有可能

柔情只为你懂/ 2024年12月15日 07:00/ 0 赞/ 90 阅读

相关 JavaScript的解析顺序对函数有何影响？

1.函数的定义方式我们都知道,在JavaScript中有两种定义函数的方式，分别为声明式函数和赋值式函数，但是两种函数在执行顺序却有不同。比如：

我不是女神ヾ/ 2021年09月18日 14:08/ 0 赞/ 339 阅读