[置顶] JS——声明式函数与赋值式函数

   引言

   “程序是不会骗人的”我们项目中的一个哥们经常这样说，为什么他会有这样的感叹呢？就是有时候我么程序

员会出现的这样的问题，当我们让别人来调试错误的时候，别人什么都没有说，在我们给人家复现错误的时候发现，

错误竟然没有了，留下自己在风中凌乱。此处中枪的童鞋们请顶起来。。。。。。下面说说小编给别人调BUG时候遇

到的问题如下：

   请听题：说出下面几段js脚本的结果是什么？

<script type="text/javascript">
     Fn();  //执行结果：？？？？？
     function Fn(){ 
        alert("执行了定义式函数");
     }        
</script>

<script type="text/javascript">
     Fn();  //执行结果：？？？？？
    var Fun= function(){ 
        alert("执行了赋值式函数");
     }        
</script>

   

<script type="text/javascript">
     Fn();  //执行结果：？？？？？
     function Fn(){ 
        alert("执行了函数1");
     }
         
     function Fn(){  
        alert("执行了函数2");
     }
</script>

   如果你能很好的得出答案的话，说明你对JS的这两种函数以及他们在执行顺序方面是比较清楚的，所以下面的

讲解你就可带着审判的眼光来阅读了，否则的话你就不得不好好看看下面的讲解了，也许下面的讲解会给你一些额外

的惊喜。

   通过上面的代码中alet中的内容我们就可以分辨出这两种函数，这两种函数在js执行的时候会出现一些区别，

在JS的预编译期，声明式函数将会先被提取出来，然后才按顺序执行js代码。

   事实上，JS的解析过程分为两个阶段：预编译期(预处理)与执行期。

   预编译期JS会对本代码块中的所有声明的变量和函数进行处理（类似与C语言的编译），但需要注意的是此时处

理函数的只是声明式函数，而且变量也只是进行了声明但未进行初始化以及赋值。知道了这个原理以后我们就可以很

好的分析上面的第一段js代码了，第一个js代码块得出的结果是：执行了alert函数；而第二个js代码块得出的结果

是：浏览器保存，提示函数未定义！这就是这两种函数的不同。

  第二段js代码就是买一赠一优惠政策，给读者赠送的一些东西了，它执行的结果是：弹出"执行了函数2",这是因

为在js中重名的函数，后定义的会覆盖前面定义的函数，这种策略和js的顺序执行也是有关系的。小编在最近就是因

为遇到了这种函数给我代码的麻烦所以才查了一些资料来整理了这篇博客。

   小结

  在开始的时候代码中写是赋值式函数，但是调用的代码写在了函数的前面从而导致程序出错，因为之前对于赋值

式函数见到的并不多，这不知道这两种函数的区别，所以相当热的认为将调用函数的代码写在函数定义之前和之后是

没有影响的，所以给小编带来很大的困惑。当然也是我们思想上的相当然带来的后果，一些东西我们并没有去验证就

认为应该是这样的，从而给我们带来阻碍，在此也给广大程序猿们警告哦。。。