浅谈JavaScript函数表达式和函数声明的区别

函数表达式

函数表达式是将函数赋值给变量。它们可以被作为函数参数传递，也可以在执行完表达式后被调用。

函数表达式有以下特点：

1. 函数名是可选的，可以赋值给一个变量。
2. 函数表达式可以在代码的任意位置进行定义。
3. 函数表达式必须要在定义后，才能调用。

下面是一个函数表达式的示例：

var func = function() {
  return 'Hello World!';
}

console.log(func()); // 输出 Hello World!

函数声明

函数声明是用特定的语法声明一个函数，函数声明会将函数提升到代码的最顶部。

函数声明有以下特点：

1. 函数名是必需的，函数声明不会将函数赋值给变量。
2. 函数声明只能在顶层作用域或者嵌套在其它函数里面。
3. 函数声明会在代码执行前被处理。

下面是一个函数声明的示例：

function func() {
  return 'Hello World!';
}

console.log(func()); // 输出 Hello World!

区别

函数表达式和函数声明在一些地方有重叠，这使得初学者有时会感到混淆。虽然这两种方式看起来很相似，但是它们之间有一些重要的区别。

一个函数表达式并不会改变其所在作用域的绑定。也就是说，在一个函数表达式中声明的变量，在外面的作用域中并不可用。而函数声明则会改变其所在作用域的绑定。

下面是一个说明函数表达式和函数声明区别的例子：

console.log(add(1, 2)); // 抛出类型错误（TypeError）

var add = function(a, b) {
  return a + b;
}

console.log(sub(10, 2)); // 输出 8

function sub(a, b) {
  return a - b;
}

在上面的例子中，对 add 函数的调用会抛出类型错误（TypeError）异常。因为 add 仍未初始。而对 sub 函数的调用成功，因为函数声明被提升到代码最顶部。

总之，函数声明和函数表达式的主要区别是函数声明在执行前被处理，而函数表达式则表示赋值。此外，函数表达式还可以匿名或具名。