JavaScript高级——作用域和作用链

1、概念理解:

------ 就是一块"地盘",一个代码所在的区域

------ 静态的(相对于上下文对象),在编写代码时就确定了

2、分类

① 全局作用域

② 函数作用域

③ 没有块作用域(ES6有了)

3、作用

① 隔离变量,不同作用域下同名变量不会有冲突

4、作用域与执行上下文的区别

①区别一:

全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了。而不是在函数调用时。

全局执行上下文是在全局作用域确定之后,JS 代码马上执行之前创建。

函数执行上下文是在调用函数时,函数代码执行之前创建。

② 区别二:

作用域是静态的,只要函数定义好了就一直存在,且不会再变化。

执行上下文是动态的,调用函数时创建,函数调用结束时就会自动释放。

③ 区别三:

上下文环境(对象)是从属于所在的作用域。

全局上下文环境 ==> 全局作用域。

函数上下文环境 ==> 对应的函数使用域。

5、作用域链

① 实例1

本文分享到这里,欢迎大家评论区相互讨论学习,下一篇继续分享JavaScript高级学习中的循环遍历加监听的内容。

相关推荐
子兮曰6 小时前
async/await高级模式:async迭代器、错误边界与并发控制
前端·javascript·github
恋猫de小郭6 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
GIS之路9 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒10 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol11 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉11 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau11 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生11 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼11 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君8799711 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter