js和其他语言一样,都要经历编译和执行阶段。
而js在编译阶段的时候,会搜集所有的变量声明并且提前声明变量,而其他的语句都不会改变他们的顺序,因此,在编译阶段的时候,第一步就已经执行了,而第二步则是在执行阶段执行到该语句的时候才执行。
1. 变量提升
console.log(variable); var variable = 'hello'; console.log(variable); // 编译后 var variable // 变量提升,全局作用域范围内,此时只是声明,并没有赋值 console.log(variable); // undefined variable = '我是全局中的变量'; // 赋值位置不变 console.log(variable); // hello
2.函数提升
必须是函数声明的形式,不能是函数表达式的形式(函数表达式,那就是变量提升方式)
函数提升方式: (整个函数声明代码块提升到当前作用域的顶部,原先位置以不存在该代码)
console.log(a); console.log(a()); var a = function () { console.log('a'); } function a () { console.log('function'); } console.log(a); console.log(a()); // 编译后 function a () { // 函数提升在最前面 console.log('function'); } var a // 变量提升跟在后面 console.log(a); // 打印 a () { console.log('function')} console.log(a()); // 打印 undefined a = function () { // 变量赋值 console.log('a'); } console.log(a); // a () { console.log('a')} console.log(a()); // 打印 undefined
总结:
- 所有的声明都会提升到作用域的最顶上去。
同一个变量只会声明一次,其他的会被忽略掉或者覆盖掉。
函数声明的优先级高于变量申明的优先级,并且函数声明和函数定义的部分一起被提升。