js预解析的认识

什么 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）了，但是它存储的数据的那个空间里面存储的是代码是字符串，没有任何意义

且看下面代码块：

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