javascript两种function的定义介绍及区别说明

Javascript中声明函数有两种常见的方式，并且这两种方式是有所不同的。

声明方式一：函数声明

函数声明是最常见的一种方式，有两个部分组成：函数名和函数体。函数声明的语法如下：

function functionName(parameters){
  //函数体
}

其中，function为关键字，functionName为函数名称（可以自定义），parameters为函数的参数列表，以括号括起来。

函数声明的特点是：函数名可以在声明之前的任意位置调用。例如，下面的代码片段中，函数foo可以在声明之前进行调用：

foo(); // 调用函数foo

function foo(){
  console.log("Hello world");
}

函数声明的示例说明：

function sum(a,b){
  return a+b;
}
console.log(sum(2,3)); // 输出 5

上面的代码片段中，我们声明了一个叫做sum的函数，这个函数接收两个参数 a 和 b，并且将两个参数相加后返回结果。然后我们在控制台中调用函数，并传入参数2和3，因此返回的结果是5。

声明方式二：函数表达式

函数表达式是另一种方式创建函数的方式，这种方式不需要给函数一个名称，或者给函数一个匿名名称。函数表达式可以赋值给变量，因此也被叫做匿名函数。

函数表达式的语法如下：

var variableName = function(parameters){
   //函数体
}

其中，variableName是赋值给函数的变量名，函数体与函数声明中的语法相同。

函数表达式的特点是：函数名不能在函数表达式之前调用，因为变量还没有被定义。需要在函数表达式之后进行调用。

函数表达式的示例说明：

var sum = function(a,b){
  return a+b;
}
console.log(sum(2,3)); // 输出 5

上面的代码片段中，我们使用了函数表达式创建了一个叫做sum的匿名函数，并且将这个函数赋值给变量sum。函数接收两个参数 a 和 b，并且将两个参数相加后返回结果。然后我们在控制台中调用这个函数，并传入参数2和3，因此返回的结果是5。

两种方式的区别说明：

• 函数声明和函数表达式的主要区别在于函数声明可以在函数声明之前调用，而函数表达式则不行。
• 函数声明仅可在全局作用域或函数作用域中进行声明，而函数表达式可以在任何能出现表达式的地方进行声明，如赋值运算符的右侧。

综上所述，两种方式都可以用于创建函数，但在不同场合下会有不同的使用效果。需要根据具体的情况选择哪种方式来创建函数。