今日一题:
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会将其提升至作用域的最顶部,而已初始化的则不能提升。所以函数声明可以提升,函数表达式不行。