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

  


你可能感兴趣的:(JS 预解析机制(变量提升 Hoisting) / var的提升和function的提升 / 作用域(scope) / 作用域链 (scope chain) / 打断点 / dir展开对象属性)