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

总结:

  • 所有的声明都会提升到作用域的最顶上去。
  • 同一个变量只会声明一次,其他的会被忽略掉或者覆盖掉。

  • 函数声明的优先级高于变量申明的优先级,并且函数声明和函数定义的部分一起被提升。

12-20 08:33