JS中变量名和函数名重名

Posted 2020-11-22 当当当

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

 原来

1. 函数声明会置顶
2. 变量声明也会置顶
3. 函数声明比变量声明更置顶
4. 变量和复制语句一起书写，在js引擎解析时，会将其拆成声明和赋值两个部分，声明置顶，赋值保留在原来的位置
5. 声明或的变量不会重复声明

实际上这段代码等同于

var a; //函数声明
var a; //变量声明（实际上这里不会重复声明了）
a = function(){ console.log(a); }; //函数赋值
a = 100;//变量赋值（给a重新赋值了）
a()//a is not a function

而如果代码会如下写法则a方法会执行

var a; //函数声明
var a; //变量声明（实际上这里不会重复声明了）
a = 100; 
a=function(){console.log(123)}//函数赋值
a()//123