JS定义函数的两种方式：函数声明和函数表达式

Posted 2020-08-21 Boom__Clap

函数声明

　　关于函数声明的方式,它的一个重要的特性就是函数声明提升（function declaration hoisting）,意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面，如下所示：

1             sayHi();
               //在调用语句的后面声明函数（function declaration hoisting）
2             function sayHi () {
3                console.log("Hello World");
4             } 

　　

 函数表达式

　　有多种表达方式，下面是最常见的一种：

 var s = function (agr1, arg2) {
      console.log(arg1 + ‘  ‘ + arg2);
  } 

按照书中所说，函数声明语句，声明函数实际是声明了一个变量f，然后将一个声明的函数对象赋值给变量f，变量的声明有提至所有代码顶部的特点，故函数声明语句声明的函数可以在声明之前调用。

 

至于为什么同样是将一个函数赋值给一个变量，函数表达式却不能提到前面呢？我们来分析下：

var s = function(arg1, arg2) {};

　　

可以拆分为：

var s;
s = function (arg1, arg2) {}

　　

其中 var s 被提前声明了，但 s = xxxx 是要在运行到这里的时候才进行。