浅谈js中的变量名和函数名重名

231 阅读 0 评论 153 点赞

我是靠谱客的博主天真酒窝，这篇文章主要介绍浅谈js中的变量名和函数名重名，现在分享给大家，希望可以做个参考。

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

复制代码

1
2
3
4
5
var a=100;
function a(){
　　console.log(a);
}
a();

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

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

1)函数声明会置顶

2)变量声明也会置顶

3)函数声明比变量声明更置顶：(函数在变量上面)

4)变量和赋值语句一起书写，在js引擎解析时，会将其拆成声明和赋值2部分，声明置顶，赋值保留在原来位置

5)声明过的变量不会重复声明

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

复制代码

1
2
3
4
5
var a=function (){
　　console.log(a);
}
var a=100;
a();

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

以上这篇浅谈js中的变量名和函数名重名就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

以上就是天真酒窝最近收集整理的关于浅谈js中的变量名和函数名重名的全部内容，更多相关浅谈js中内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。