js预解析的认识

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

---

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

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

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

客官再看showMsg(); // 控制台打印 This is messagefunction 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）了，但是它存储的数据的那个空间里面存储的是代码是字符串，没有任何意义

且看下面代码块：

<script type="text/javascript">showMsg(); // 在此调用函数打印 This is message 2 function showMsg(){    console.log('This is message 1');}showMsg(); // 在此调用函数打印 也是 This is message 2 ？function showMsg(){    console.log('This is message 2');}</script>结论是：函数被预解析了，同时函数会被覆盖，为什么函数会被覆盖，这也是JavaScript不足的地方。看过JavaScript的下一代标准ES6 会发现 这些东西将会退入江湖，不在被世人所念。

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，要看它在哪调用的。