javascript运行机制之执行顺序详解

2019-03-26  本文已影响0人  Louis_Duan

1、代码块

<script type="text/javascript">
      alert("这是代码块一");
</script>
<script type="text/javascript">
      alert("这是代码块二");
</script>

2、声明式函数与赋值式函数

<script type="text/javascript">
     function Fn(){ //声明式函数
            
     }
        
     var Fn = function(){  //赋值式函数
            
     }
</script>

\color{#FF00FF}{在JS的预编译期,声明式函数会先被提取出来,然后才按照顺序执行js代码。}

3、预编译期与执行期

<script type="text/javascript">
      Fn();  //执行结果:"执行了声明式函数",在预编译期声明函数及被处理了,所以即使Fn()调用函数放在声明函数前也能执行。
      function Fn(){ //声明式函数
         alert("执行了声明式函数");
      }
        
      var Fn = function(){  //赋值式函数
         alert("执行了赋值式函数");
      }
</script>
上一篇 下一篇

猜你喜欢

热点阅读