关于JS函数的问题

关于JS函数的问题

• 主要讨论函数声明式和函数表达式的区别：

1. 先看两个例子：

例子1：
a();//我是声明式函数
function a(){
	console.log('我是声明式函数')
}

例子2：
a();//a is not a function
var a = function (){
	console.log('我是赋值型函数（即函数表达式）')
}

• 问题：为什么执行会结果不一样？为什么例子2的执行结果不是“a is not defined”？
• 答：由于JS的执行顺序，会对函数声明和变量声明进行预编译，声明式定义的函数会函数提升（类似变量提升）。而赋值型函数(即函数表达式)本质是声明一个变量（在a执行前，a由于变量提升而完成变量声明）然后将一个匿名函数赋值给它。

2. 再看两个例子：

例子1：
function a(){
	console.log('我是声明式函数')
}
var a = function (){
	console.log('我是赋值型函数')
}
a();//我是赋值型函数

例子2：
var a = function (){
	console.log('我是赋值型函数')
}
function a(){
	console.log('我是声明式函数')
}
a();//我是赋值型函数

• 问：例子中的声明式函数和赋值型函数调换了顺序，为什么执行结果依旧相同？
• 答：因为声明式函数在预编译阶段已经声明过了（因此声明式函数随意放置，都会优先声明，不影响JS执行结果），而变量a需要JS执行到该赋值语句时才会赋值函数，相当于赋值型函数替换掉了声明式a函数。
  3、还有一个很奇怪的例子（不是很懂）

function a(){
	console.log('我是声明式函数a')
}
var b = function a(){
	console.log('我是函数表达式b')
}
console.log(b)//function a(){console.log('我是函数表达式b')
a();//'我是声明式函数a'
b();//'我是函数表达式b'
}

• 两个函数在不同的变量上，但很费解的是变量b打印出来形式跟函数声明式一样。一个是预编译是声明的，一个是在JS执行时声明的，但却占据不同的存储空间，后者不会替换前者。暂时不是很理解为什么，等以后了解清楚再作修改。