深入理解js中的作用域,执行执行上下文与闭包(从代码如何运行开始理解)

变量提升机制

在这里插入图片描述

例子如下:
例子1:
在这里插入图片描述
在这里插入图片描述
例子2:

在这里插入图片描述
例子3:
在这里插入图片描述
自己的一些理解:其实无论是作用域还是执行上下文其实都是同一种东西,无非就是叫法不同,其实从底层俩将的化,这些指得就是代码得存储地址,也就是栈内存,和堆内存,栈内存中存储了基本变量和值,堆内存保存了引用变量,所以作用域无非就是该代码所在的内存地址

语法检测和重复声明

在这里插入图片描述
在这里插入图片描述

知识点:代码在执行前的操作:开辟内存=>语法解析 =>变量提升

例子如下:
在这里插入图片描述

在这里插入图片描述

变量提升中有关判定条件的处理

例子如下:
一般变量的条件变量提升:
在这里插入图片描述
函数的条件变量提升:
例子如下:
在这里插入图片描述
例子如下:
在这里插入图片描述
讲解:首先在全局作用域下没有词法解析错误,也没有变量提升,然后执行代码,也就是所前两行代码执行了,执行到立即执行函数,开辟了一个私有作用域,在私有作用域执行前,同样进行准备步骤,然后就是条件下的变良提升,导致g是undine所以函数报错

  1. 对作用域新理解:
    全局作用域=全局执行上下文=全局栈内存 私有作用域=函数执行上下文=私有栈内存

  2. 私有作用域也有自己的词法解析,变量提升

私有栈内存中的变量处理

理解下面的赋值关系:
在这里插入图片描述
例子如下:
在这里插入图片描述
在这里插入图片描述

精华:代码的执行流程:浏览器启动会开辟一个全局作用域,然后全局左右域的变量提升和语法解析,然后代码自上而下执行,记住创建一个函数只会形成形成一个堆内存,让变量域函数匹配,只有函数执行才会形成私有的栈内存,然后再私有作用域中进行:变量提升,形参赋值,等操作,在私有作用域中遇到一个变量首先看看是不是自己作用域里的,自己作用域没有才会往上级作用域查找

例子如下:
在这里插入图片描述
重点理解闭包:由函数执行形成的私有作用域就是闭包,我在操做闭包内的下h私有变量(当然引用变量例外)是与外界无关,只有操作私有作用域中没有的变量才会影响到外面的作用域,这就是闭包的保护机制

闭包下的引用类型的理解:
在这里插入图片描述

作用域链式的查找机制:

作用域链式的查找机制:关键在于如何查找上级作用域:从函数创建开始作用域链就已经形成了,当前函数是在那个作用域(N)下创建的,那么函数执行所形成的作用域的上级作用域就是(N),和函数在哪执行的没关系,只和创建的地方有关系,也就是和函数本身所处的作用域有关系,也就是函数所形成的堆所依赖的作用域,就是该函数的父级作用域

例子如下:
在这里插入图片描述

在这里插入图片描述
例子如下:
在这里插入图片描述
上面的结果是10 10

闭包的机制

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
例子如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值