《悟透JavaScript》学习札记三之函数的魔力

1.函数声明：

<!--定义式函数声明-->
  <script type="text/javascript">
   function myfunc(){ alert("Hello definition");};
   myfunc();
   alert(typeof(myfunc));
  </script>
  <!--变量式函数声明-->
  <script type="text/javascript">
   var myfunc = function(){ alert("Hello variable");};
   myfunc();
   alert(typeof(myfunc));
  </script>

2.声明方式差异比较

<!--变量式函数声明-->
  <script type="text/javascript">
   var myfunc = function(){ alert("Hello variable");};
   myfunc(); //第一次调用，输出Hello variable
   myfunc = function(){ alert("Yeah variable");};
   myfunc(); //第二次调用，输出HeYeah variable
  </script>

然而：
<!--定义式函数声明-->
  <script type="text/javascript">
   function myfunc(){ alert("Hello definition");};
   myfunc(); //第一次调用
   function myfunc(){ alert("Yeah definition");};
   myfunc(); //第二次调用
  </script>

两次输出结果均为Yeah definition

原因：JavaScript执行引擎并非一行一行地分析和执行程序，而是一段一段的分析执行的。而且，在同一段程序的分析执行中，定义式的函数语句会被提取出来优先执行，然后再按顺序执行其他语句代码。也就是说，在第一次调用myfunc之前，第一个函数定义的代码逻辑，已被第二个定义语句覆盖了，所以两次执行都是最后一个函数逻辑了。

另附：
// 定义式函数声明
alert(SumDef(1, 2)); // output: 3
  function SumDef(num1, num2){
   return num1 + num2;
  }
// 变量式函数声明
  alert(SumVar(2, 3)); // 没有结果，下面也不会执行
  var SumVar = function(num1, num2){
   return num1 + num2;

  }
  alert(SumVar(3, 4));

原因： JavaScript解析器在解释代码的时候会首先读取函数声明，使其在执行其他代码之前可以得到访问。而对于变量式函数声明，解析器会把其当做变量赋值语句，从而
alert(SumVar(2, 3)); 时就相当于调用了一个不存在的SumVar函数，导致出错，下面代码也不会执行。