函数声明：

1
2
3
function foo() {
	console.log('foo')
}

函数表达式：

1
2
3
var foo = function() {
	console.log('foo')
}

举个栗子：

1
2
3
4
5
6
7
8
9
getName() // 'sheng ming'
var getName = function() {
	console.log('biao da shi')
}
getName() // 'biao da shi'
function getName() {
	console.log('sheng ming') 
}
getName() // 'biao da shi'

再看个栗子：

1
2
3
4
5
6
7
console.log('getName1', typeof (getName)) // function
var getName = 1;
console.log('getName2', typeof (getName)) // number
function getName() {
	console.log('biao da shi')
}
console.log('getName3', typeof (getName)) // number
  • JavaScript解释器中存在一种提升变量声明的机制，也就是说，函数声明会被提升到作用域的最前面，而不是按书写顺序执行。
  • 而用函数表达式创建的函数，是在运行时进行赋值，且要等到表达式赋值完成后才能调用。

这个区别看似微不足道，但在某些情况下确实是一个难以察觉并且“致命“的陷阱。出现这个陷阱的本质原因体现在这两种类型在函数提升和运行时机（解析时/运行时）上的差异。

总结：Javascript中函数声明和函数表达式是存在区别的，函数声明在JS解析时进行函数提升，因此在同一个作用域内，不管函数声明在哪里定义，该函数都可以进行调用。而函数表达式的值是在JS运行时确定，并且在表达式赋值完成后，该函数才能调用。

参考链接