详解函数表达式与函数声明的区别

函数声明

function a() {
  console.log("函数声明");
}

函数表达式

var b = function () {
  console.log("函数表达式");
};

看一道常见面试题：

getName(); //函数声明
var getName = function () {
  console.log("函数表达式");
};
getName(); //函数表达式
function getName() {
  console.log("函数声明");
}
getName(); //函数表达式

这道题，常用来考察变量提升相关知识点

红皮书111页说道：解析器在向执行环境中加载数据时会率先读取函数声明，并使其在执行任何代码之前可用(可访问)，即函数声明提升。

你不知道的JavaScript上卷中第40页提到函数声明是优于变量提升的。

所以，在浏览器看来，代码的执行书序就变成了这样

function getName() {
  console.log("函数声明");
};
var getName;
getName(); //函数声明
getName = function () {
  console.log("函数表达式");
};
getName(); //函数表达式
getName(); //函数表达式

总结：
函数声明会优先提升到当前作用域最上方，函数表达式中变量的定义也会提升，但是会在函数声明之下，而函数表达式的赋值会停留在原处。