变量提升、函数提升

快来打我* 2022-04-27 21:54 262阅读 0赞

### 1、概述 ###

*  1、函数申明和变量申明都会提升
 *  2、函数的声明比变量的声明的优先级要高
 *  3、函数提升需注意：

函数表达式 var fn=function fn(){}
    函数声明方式 function fn(){}
    
    我们需要重点注意的是，只有函数声明形式才能被提升。 
    变量赋值并没有被提升，只是声明被提升了。
    但是，函数的声明有点不一样，函数体也会一同被提升。
    复制代码

### 2、代码测试 ###

/* * @Author: laifeipeng * @Date: 2019-02-27 09:55:48 * @Last Modified by: laifeipeng * @Last Modified time: 2019-02-27 12:49:51 */
    
    // 函数的声明比变量的声明的优先级要高
    function test1() {
      console.log(a);                 //打印出a的函数体
      function a() { }
      var a;
      console.log(a);                 //打印出a的函数体
    
      console.log(b);                 //打印出b的函数体
      var b;
      function b() { }
      console.log(b);                 //打印出b的函数体
    
      // ！注意看，一旦变量被赋值后，将会输出变量
      console.log(c);                 //打印出c的函数体
      var c = 12
      function c() { }
      console.log(c);                 //12
    
      console.log(d);                 //打印出d的函数体
      function d() { }
      var d = 12
      console.log(d);                //12
    }
    test1();
    
    console.log('----------分割线---------')
    
    function test2() {
      console.log(a);                 //undefined
      var a = function a() { }
      var a;
      console.log(a);                //打印出a的函数体
    
      console.log(b);                 //undefined
      var b;
      var b = function b() { }
      console.log(b);                 //打印出b的函数体 
    
      // ！注意看，一旦变量被赋值后，将会输出变量
      console.log(c);                 //undefined
      var c = 12
      var c = function c() { }
      console.log(c);                 //打印出c的函数体 
    
      console.log(d);
      var d = function d() { }        //undefined
      var d = 12
      console.log(d);                //12
    }
    test2();
    
    复制代码

### 3、参考文献 ###

[关于JS变量提升的一些坑][JS]

[JS]: https://link.juejin.im?target=https%3A%2F%2Fwww.cnblogs.com%2Fluqin%2Fp%2F5164132.html