规则是:
对于同名的变量声明,Javascript采用的是忽略原则,后声明的会被忽略,变量声明和赋值操作可以写在一起,但是只有声明会被提升,提升后变量的值默认为undefined。
对于同名的函数声明,Javascript采用的是覆盖原则,先声明的会被覆盖,因为函数在声明时会指定函数的内容,所以同一作用域下一系列同名函数声明的最终结果是调用时函数的内容和最后一次函数声明相同
对于同名的函数声明和变量声明,采用的是忽略原则,由于在提升时函数声明会提升到变量声明之前,变量声明一定会被忽略,所以结果是函数声明有效
同名函数声明
function foo(){console.log(1)}
function foo(){console.log(2)} //覆盖第一行
foo() //2
同名变量
var foo = function(){console.log(1)}
var foo = function(){console.log(2)}
foo()
会被解析为
var foo
var foo //被忽略
foo = function(){console.log(1)}
foo = function(){console.log(2)}
同名变量和函数声明
function foo(){
console.log(1)
}
var foo; //被忽略
foo(); //1
对于同名的函数与变量的提升和覆盖这个问题只要理解在js中声明和赋值是两个操作,两个维度的问题;首先把所有的声明都提前,变量提升指的也就是声明提前,并且函数的声明在变量声明之前,然后再进行赋值操作。
var a=undefined;
function a() {console.log(1)};
a();
被解析成:
function a(){console.log(1)};
var a;
a=undefined;
a(); // 此时a已经是个变量undefined,所以会报错==>Uncaught TypeError: a is not a function
只要从声明和赋值这两个围维度考虑,就能解决所有问题。