js预解析的认识

深藏阁楼爱情的钟 2022-06-03 06:20 151阅读 0赞

> 什么 var 变量提升，什么预JavaScript 预解析……..问题与坑太多还是慢慢来品味吧！

--------------------

> 要分享的也不多主要记住一下几点：

1、JavaScript是解释型语言是毋庸置疑的，但它不是自上往下一句一句地解析的。

客官细看
    
    function showMsg() { 
        console.log('This is message');
    }
    
    showMsg(); //控制台打印 This is message

客官再看
    
    showMsg(); // 控制台打印 This is message
    
    function showMsg() { 
        console.log('This is message');
    }

2、声明与初始化的定义

> 声明(Declaration)
> 
> var parent; // the declaration 此处声明一个变量
> 
> 初始化(Initialization)
> 
> parent= ‘父亲’; // the initialization 此处初始化一个变量

接下来要说的是：在当前的作用域内，只要是通过var定义的，不管是变量，还是函数，都是先赋值undefined，如果是变量，也不管变量有没有赋值，在预解析阶段，都是会被赋值为undefined。

(function() { 
      //当前作用域
      var a = 'a';
      // 一行代码
      var b = 'b';
      // 更多行的代码
      var c= 'c';
      // 最后一行脚本
    })();

在JavaScript眼里是这样的

(function() { 
      var a, b, c; // variables declared
      a = 'a';
      // 一行代码
      b = 'b'; // initialized
      // 更多行的代码
      c= 'c'; // initialized
      // 最后一行脚本
    })();

3、function进行预解析的时候，不仅是声明而且还定义（define）了，但是它存储的数据的那个空间里面存储的是代码是字符串，没有任何意义

且看下面代码块：

4、看一个经典的面试题

我们知道函数一执行完是会被垃圾回收机制销毁的。
    
    但了解闭包的朋友会相信，内存暂用这一说法的
    
    其实 函数 return 直接返回的那个，其实是一个结果或者是值，是不需要预解释的。
    
    说了这么多看代码：
    
    var n = 99;
    
    function outer(){ 
        var n = 0;
        return function inner(){ 
        return n++; // 注意不是++n
        }
    }
    var c = outer();  // c=function inner(){ return n++; }
    var num1 = c();  // 0，然后再执行n++ 此时n=1;
    var num2 = c();  // 1, n++ 2;
    var d = outer(); //重新开辟新
    var num3 = d();  //0
    
    当我们的一个函数返回一个新的function，我们在外面定义一个变量来接收，这样这个函数 的内存就不能在执行完成后自动销毁，也就是我们所谓的函数内存被占用了。 变量的值要看它在哪定义，this，要看它在哪调用的。