JS中变量名和函数名重名

今天骚凯问了一道变量名冲突的题目,感觉很有意思,顺便也复习一下预解析的一些知识,有不对的地方忘前辈大神指正,题目是这样的:

var a=100;
function a(){
    console.log(a);
}
a();

这个串代码执行完会报错 : a is not a function

问题来了,为什么会报这个错误呢?  这里涉及到函数和变量的预解析:

1) 函数声明会置顶
2) 变量声明也会置顶
3) 函数声明比变量声明更置顶:(函数在变量上面)
4) 变量和赋值语句一起书写,在js引擎解析时,会将其拆成声明和赋值2部分,声明置顶,赋值保留在原来位置
5) 声明过的变量不会重复声明

知道以上的规则,上面的代码等同于 :  

var a=function (){
    console.log(a);
}
var a=100;
a();

相当于给a重新赋值了,所以会报错。


原文链接:HelloWeb前端网 » JS中变量名和函数名重名 » 感谢您的浏览,希望能有所帮助。

欢迎您加入“Helloweb” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享