从函数声明和函数表达式看js的变量提升

今日一题：

var func=function a(){

alert(typeof a);

};

func();//function

alert(typeof a);//undefined

正确答案是function undefined

然而我在第一次做的时候出现了惨案【。

有多惨就不说了。

首先阐述一下思路。

这里有一个函数表达式，

函数表达式形如var func =function(arg1,arg2,...){}

var func =function(arg1,arg2,...){} //匿名函数表达式

var func =function functionName(arg1,arg2,...){}//带有标识符的函数表达式

看到这里，带有标识符的函数表达式莫不是有两个名字？？

又到了瞎说时间。

王小明的名字叫做王小明，但是他很中二，给自己起了个艺名叫王日天，那么在同学老师家长的眼中，他们会承认王小明是王日天吗？小明做了坏事，留下一个名号叫王日天，那么江湖流传的名字是王日天吗？答案是NO。

所以王小明只能在心里暗暗地自称，我王日天如何如何。明面上，还是大家的王小明

var xiaoming = function wangritian(){//want to do sth...}

在js里，道理是一样的。变量var xiaoming自称我就是function wangritian(){},然而全局里面大家怎么说的，认得还是你叫xiaoming，至于wangritian这个名字，就在函数内部递归使用吧。私底下爱怎么样怎么样，你做什么事，大家还是认着你的大名。

console.log(typeof wangritian);//"Uncaught ReferenceError: wangritian is not defined(…)"

console.log(typeof xiaoming);//function

由此已经弄清除函数表达式的机制了。那么同样是声明函数，直接声明函数和使用函数表达式有什么区别？

它们的意义没什么不同，但是优先级不太一样。函数声明会在JavaScript代码加载后、执行前被解释，而函数表达式只有在执行到这一行代码时才会被解释。

王小明这个人，是有迹可循的，那么他要干什么，不用声明了。但是当王日天又不一样，他得先说一声，他是王日天本人，然后再做事。

xiaoming();//"我是小明"

function xiaoming(){alert("我是小明")}；

----

xiaoming();//undefined

var xiaoming=functionwangritian(){alert("我是小明，也是王日天")};

xiaoming();//"我是小明，也是王日天"

函数声明是在预执行期执行的，就是说函数声明是在浏览器准备执行代码的时候执行的。因为函数声明在预执行期被执行，所以到了执行期，函数声明就不再执行。

JS里面有一个事情叫变量提升（Hoisting）（有一次笔试楞没记起来英文什么意思，坑了）：

JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。（记忆：先上车后补票）

wangxiaoming='haha';

console.log(wangxiaoming);//'haha'

var wangxiaoming;

然而，初始化没有提升的机会

var wangritian='wangritian';

console.log(wangritian,wangxiaoming);//'wangritian',undefined;

var wangxiaoming='我考了59分'；

等于这样：

var wangritian='wangritian';

var wangxiaoming;

console.log(wangritian,wangxiaoming);//'wangritian',undefined;

wangxiaoming='我考了59分';

整个文章的例子比较乱，纯属自嗨。

总结：函数表达式的“真名”是它所声明的变量名，而标识符的名字则限于函数内部使用；变量提升，未初始化的变量，js会将其提升至作用域的最顶部，而已初始化的则不能提升。所以函数声明可以提升，函数表达式不行。