JS 预解析机制（变量提升 Hoisting） / var的提升和function的提升 / 作用域（scope） / 作用域链 （scope chain） / 打断点 / dir展开对象属性

JS 预解析机制 （变量提升 Hoisting）

        变量提升（Hoisting）被认为是， Javascript中执行上下文 （特别是创建和执行阶段）工作方式的一种认识

        扩展：从概念的字面意义上说，“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面，但这么说并不准确。实际上变量

        和函数声明在代码里的位置是不会动的，而是在编译阶段被放入内存中

---

var 的提升：

        js 在执行一个function 或者 script 标签之前，会先进行一个预解析的过程,在预解析时，会先把 var 声明的变量，给提升到 script 

        或者 function的最前边(所在作用域),注意 var 是 只提升 声明

function 的提升

        js 在执行一个function 或者 script 标签之前，会先进行预解析，在预解析时，会把 function 声明的函数体,整体提升到在执行一个

        function 或者 script 标签的前边去，跟在 var 的后边

---

作用域：一条数据(参数、function、变量)可以使用(调用或修改)的范围

全局作用域: 在全局任意地方都可以使用和修改 (全局变量、全局函数)

        全局变量: 

            1. 声明在任意函数之外（ES6 中也要声明在任意块之外）,那么该条数据在全局任意地方都可以使用和修改(全局变量，在浏览器中

                运行时，都会挂载在 window 属性下)

            2. 全局对象的属性,(window 作为 JS 在浏览器中运行的全局对象，如果调用 window 的属性 默认 window 可以省略 )

            3. 定义变量时，如果不加 var，会被当做 window 的属性处理，也就是变成了全局变量

局部作用域: 只能在某个范围内使用 和 修改

            1. function (函数)作用域

            2. 块级作用域 (ES6 新增)

        如何区分一条数据的作用域：如何知道一条数据的作用范围，观察这条数据声明在哪

---

作用域链 （scope chain） 

        变量(数据)查找规则

        1.当我们调用一条数据时，会现在本作用域查找，如果找不到就向上从父作用域中查找，如果找不到就继续向上，一直查找到全局

           作用域，如果全局作用域也没有就报错。

        2.一定注意，只能里边访问外边，外边不能访问里边(没钱只能找老爸借，找儿子拿在中国是会被骂的)

          https://developer.mozilla.org/en-US/docs/Glossary/Scope

---

打断点

        console.dir 展开对象的所有属性 

        [[Scopes]] 

dir

<script>

    function fn(){

    }    

    fn.type = "hehe";

    fn.age = 10;

    console.dir(fn);                      //把对象所有的属性都展开了

</script>  

---