声明提前机制
在JavaScript存在着这样一种预处理机制,即浏览器在解析JS代码时会将var声明的变量和function声明的函数提升到当前作用域的顶部。但是解析JS代码时对var和function关键字声明的对象的处理是不一样的:前者在解析时只是将声明提前了,但是赋值却依旧在原来的位置。而后者不仅将声明提前了,而且将定义也完成。具体请看下面的例子:
1 console.log(hello); //undefined
2 sayHi(); //hi
3
4 var hello = "hello";
5 console.log(hello); //hello
6
7 function sayHi() {
8 console.log("hi");
9 }
在第一行输出一个在下面用var声明并且赋值的hello变量,没有报错但是输出的是undefined,说明hello变量的声明确实是被提前了但是没有赋值,所以输出的是undefined。正是因为给变量赋值依旧在原来的位置,所以第五行输出hello变量可以正常输出。在处理function定义的sayHi函数时,sayHi的声明被提前了,同时也对它进行了定义,所以在第二行调用sayHi时正常输出hi而不是报 sayHi is not defined 或者sayHi is not a function的错。
函数声明优先于变量声明
需要注意的是:函数声明优先于变量声明,看下面例子:
1 console.log(sayHi); // ƒ sayHi() { console.log("hi"); }
2
3 var sayHi = "sayHi";
4 function sayHi() {
5 console.log("hi");
6 }
7
8 console.log(sayHi); // sayHi
先用var声明变量sayHi并赋值为"sayHi",然后用function再将sayHi重新声明为一个函数。在声明的前后输出sayHi,发现前面输出的是一个函数,后面输出的是一个字符串"sayHi"。显然可以看出函数声明是优先于变量声明的。