Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >JS作用域与作用域链

JS作用域与作用域链

原创
作者头像
剁椒鱼鳞
发布于 2023-05-30 02:15:57
发布于 2023-05-30 02:15:57
1.7K00
代码可运行
举报
文章被收录于专栏:前端小学生前端小学生
运行总次数:0
代码可运行

一、作用域

分为块级作用域、全局作用域、函数作用域

作用域就是一个独立的地盘,让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。

二、作用域链

当前作用域没有定义的变量,这成为自由变量 。需要向父级作用域寻找(注意:这种说法并不严谨,作用域中取值,这里强调的是“创建”,而不是“调用”,切记切记,其实这就是所谓的"静态作用域"。)。

三、面试真题:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const food = "rice";
const eat = function () {
  console.log(`eat ${food}`);
};
(function () {
  const food = "noodle";
  eat(); // eat rice
})();
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var food = "rice";
const eat = function () {
  console.log(`eat ${food}`);
};
(function () {
  food = "noodle";
  eat(); // eat rice
})();
console.log(`eat ${food}`); // eat noodle
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var x = 10
function fn() {
  console.log(x)
}
function show(f) {
  var x = 20;
  (function () {
    f() // 10,而不是 20
  })()
}
show(fn)

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
JavaScript中的作用域和作用域链
作用域是在运行时代码中的某些特定部分中变量,函数和对象的可访问性。换句话说,作用域决定了代码区块中变量和其他资源的可见性。可能这两句话并不好理解,我们先来看个例子:
刘亦枫
2020/03/19
2.3K0
JavaScript中的作用域和作用域链
理解JavaScript作用域和作用域链
作用域是当前的执行上下文,值和表达式在其中“可见”或可被访问。如果一个变量或表达式不在当前的作用域中,那么它是不可用的。
用户10562852
2023/05/21
4260
理解JavaScript作用域和作用域链
关于js作用域问题详解
在一段js代码拿过来真正一句一句运行之前,浏览器已经做了一些“准备工作”,其中就包括对变量的声明,而不是赋值。变量赋值是在赋值语句执行的时候进行的。可用下图模拟:第一句报错,a未定义,很正常。第二句、第三句输出都是undefined,说明浏览器在执行console.log(a)时,已经知道了a是undefined,但却不知道a是10(第三句中)。
IT人一直在路上
2019/09/18
1.9K0
关于js作用域问题详解
作用域与作用域链
通常来说,一段程序代码中所用到的名字并不总是有效或可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域scope。当一个方法或成员被声明,他就拥有当前的执行上下文context环境。在有具体值的context中,表达式是可见也都能够被引用。如果一个变量或者其他表达式不在当前的作用域,则将无法使用。作用域也可以根据代码层次分层,以便子作用域可以访问父作用域,通常是指沿着链式的作用域链查找,而不能从父作用域引用子作用域中的变量和引用。
WindRunnerMax
2020/08/27
2K0
JavaScript执行机制:变量提升、作用域链、词法作用域、块级作用域、闭包和this
所以,JavaScript是ArkTS的基础,本文就来介绍一下JavaScript执行机制的一些核心概念。
陆业聪
2024/07/23
1830
JavaScript执行机制:变量提升、作用域链、词法作用域、块级作用域、闭包和this
js作用域链与预解析
在script标签下直接声明的变量或函数,都会在全局作用域下。可以在程序任何地方拿到
心念
2023/01/11
4410
apply/call/bind、作用域/闭包、this指向(普通,箭头,JS/Vue的this)
这里要跟this指向区分开。(这里说的作用域先简单理解为,只是变量的作用域,跟this没关系)
用户4396583
2024/10/08
1380
作用域及作用域链的解释说明
javascript中作用域是指变量与函数可访问的范围。作用域分为两类,一种是全局作用域,一种是局部作用域。全局变量拥有全局作用域,在JavaScript代码中的任何地方都有定义。局部变量是在函数体内声明而且只作用在函数体内部以及该函数体的子函数的变量。下面我们对全局作用域和局部作用域来做一个深入的理解。
OECOM
2020/07/02
1.2K0
作用域及作用域链的解释说明
详解作用域链
在本文中,我们将着重讨论作用域链。首先我们会了解作用域、块级作用域、相关的一些重要概念等前置基础知识,接着我们会通过几个例子来对作用域链进行详细讲解,最后我们还会涉及作用域链延长的问题。在了解完上述知识之后,在本文主要内容的最后,我们还精选了网上几个作用域链相关的题目供小伙伴思考。
石璞东
2020/05/22
5750
了解 JS 作用域与作用域链
不在任何函数内声明的变量(函数内省略var的也算全局)称作全局变量(global scope)
书童小二
2018/09/03
2.1K0
闰土说JS进阶之作用域链
前言 在前端应聘中,相信会有不少面试官都会问你,说说你理解的js作用域,或者作用域链。显然,这是一道经典的js面试题,对于老司机而言可谓是小菜一碟,而对于前端新人,尤其是js基础不扎实的新人来说,则会说的模棱两可,含糊其辞。当然这样青涩的答案显然不会入面试官的法眼,甚至会让你白白丢掉一次面试机会。那么作用域链究竟好不好理解呢,接下来正文开始。 在说作用域前,我们先来说说什么是执行环境。新人容易把执行环境和作用域这两个概念搞混了,要知道函数的每次调用都有与之相关的作用域和执行环境。从根本上来说,作用域是基
闰土大叔
2018/04/12
7550
深入理解Javacript从作用域作用域链开始
作用域是你的代码在运行时,某些特定部分中的变量,函数和对象的可访问性。换句话说,作用域决定了变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。
coder_koala
2019/07/30
5360
深入理解Javacript从作用域作用域链开始
java作用域-我是这样理解JavaScript中作用域
  学习任何一门编程语言,对于作用域的认知都是必要。因为作用域会影响标识符的定义以及生命周期。感觉没有说服力,太苍白了话不多说,接下来一起学习吧~
宜轩
2022/12/29
4120
【前端】JavaScript 变量声明与函数提升例题分析:深入理解变量提升、作用域链与函数调用
在 JavaScript 执行代码之前,会先进行 预解析 ,把变量和函数声明提升到当前作用域的顶部。在这段代码中,我们有两个作用域需要考虑: 全局作用域 和 函数作用域 fn 。
CSDN-Z
2024/11/26
1090
【前端】JavaScript 变量声明与函数提升例题分析:深入理解变量提升、作用域链与函数调用
从零开始讲解JavaScript中作用域链的概念及用途
之前我写过一篇关于JavaScript中的对象的一篇文章,里面也提到了作用域链的概念,相信大家对这个概念还是没有很深的理解,并且这个概念也是面试中经常问到的,因为这个概念实在太重要了,在我们平时写代码时,也可能会因为作用域链的问题,而出现莫名其妙的bug,导致我们花费大量的时间都查找不出原因。所以我就准备单独写一篇关于作用域链的文章,来帮大家更好地理解这个概念。
@零一
2021/01/29
2960
从零开始讲解JavaScript中作用域链的概念及用途
JS作用域和变量提升看这一篇就够了
作用域是JS中一个很基础但是很重要的概念,面试中也经常出现,本文会详细深入的讲解这个概念及其他相关的概念,包括声明提升,块级作用域,作用域链及作用域链延长等问题。
蒋鹏飞
2020/10/15
7270
java作用域-什么是JavaScript作用域、作用域链?
作用域、作用域链也是面试中出镜率很高的问题之一java作用域java作用域,同时也是中最重要的基础概念之一。
宜轩
2022/12/29
2K0
JS进阶-作用域
定义:局部作用域的意思就是,变量只能在它的代码块或者函数内部访问,而不能在外部访问,局部作用域的变量在函数或代码块执行完后会销毁,不会影响全局作用域变量。
吃猫的鱼Code
2025/02/11
1440
JavaScript之执行环境与作用域的区别与联系​
如何一对花括号中的语句代码集都属于一个块,在这之中定义的所有变量在代码块外是不可见的,称为块级作用域。作用域控制着变量和参数的可见性与生命周期。
达达前端
2020/02/24
8310
JS作用域和作用域链
全局变量的作用域是全局性的,即在JavaScript代码中,该全局变量处处都有定义。
前端_AWhile
2019/08/29
4.3K0
JS作用域和作用域链
相关推荐
JavaScript中的作用域和作用域链
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验