作用域的概念及作用?作用域的分类?.js 属于哪种作用域?

news2024/10/3 23:33:25

目录

前言

作用域的概念及作用

作用域的分类

1. 全局作用域

2. 局部作用域

JavaScript的作用域

作用域链

闭包

总结


前言

作用域是编程语言中的一个基本概念,它定义了变量和函数的可访问性。了解作用域对于编写可靠和高效的代码至关重要。在JavaScript中,作用域的理解尤为重要,因为它与词法作用域、闭包等概念紧密相关,直接影响到变量的查找和访问。

作用域的概念及作用

作用域是一个变量或函数在代码中存在的区域或范围。它决定了代码块中的变量和函数的可见性和生命周期。作用域的主要作用是隔离变量,不同作用域下的同名变量不会互相影响,从而避免了变量命名冲突,提高了程序的可维护性。

作用域的分类

作用域主要分为两类:全局作用域和局部作用域。

1. 全局作用域

在代码的最外层定义的变量拥有全局作用域,全局变量在整个脚本中都是可访问的。

var globalVar = "I am a global variable";
function exampleFunction() {
  console.log(globalVar); // 输出: I am a global variable
}
exampleFunction();

2. 局部作用域

在函数内部定义的变量拥有局部作用域,局部变量只能在其定义的函数内部访问。

function exampleFunction() {
  var localVar = "I am a local variable";
  console.log(localVar); // 输出: I am a local variable
}
exampleFunction();
console.log(localVar); // 错误: localVar is not defined

JavaScript的作用域

JavaScript采用的是词法作用域(又称静态作用域),函数的作用域在函数定义的时候就决定了,而不是在函数调用的时候。

var value = "global";
function exampleFunction() {
  console.log(value);
}
function callFunction() {
  var value = "local";
  exampleFunction(); // 输出: global
}
callFunction();

exampleFunction在全局作用域中定义,它访问的value变量也是全局作用域中的变量,即使在callFunction函数中调用exampleFunction,它访问的value仍然是全局作用域中的变量。

作用域链

当一个变量被访问时,JavaScript会首先在当前作用域中查找该变量。如果没有找到,它会继续在上一层作用域中查找,直到找到该变量或者达到全局作用域。这样由多个作用域层次结构组成的链就叫做作用域链。

var globalVar = "global";
function outerFunction() {
  var outerVar = "outer";
  function innerFunction() {
    var innerVar = "inner";
    console.log(globalVar); // 输出: global
    console.log(outerVar); // 输出: outer
    console.log(innerVar); // 输出: inner
  }
  innerFunction();
}
outerFunction();

innerFunction中,它可以访问到自己作用域内的innerVar,也可以通过作用域链访问到outerFunctionouterVar和全局作用域中的globalVar

闭包

闭包是JavaScript中一个非常重要的概念,它是基于作用域链的一个特性。闭包使得一个函数可以访问其定义时所在作用域中的变量,即使这个函数在其定义的作用域外执行。

function createFunction() {
  var localVar = "I am a local variable";
  function innerFunction() {
    console.log(localVar);
  }
  return innerFunction;
}
var myFunction = createFunction();
myFunction(); // 输出: I am a local variable

在这个例子中,innerFunctioncreateFunction外部被调用,但它仍然能够访问到createFunction作用域内的localVar变量,这就是闭包的作用。

总结

作用域是JavaScript中一个核心的概念,它决定了变量和函数的可访问性。理解作用域和作用域链对于编写高效和可维护的代码至关重要。JavaScript采用词法作用域,函数的作用域在定义时就已经确定。闭包是基于作用域链的一个特性,它使得函数能够访问其定义时作用域中的变量,即使这个函数在其定义的作用域外执行。通过深入理解这些概念,开发者可以更好地掌握JavaScript编程,写出更加健壮和高效的代码。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1140825.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

RuoYi-Vue-SqlServer配置

项目链接 https://gitee.com/linkxs/RuoYi-Vue-SqlServerhttps://gitee.com/linkxs/RuoYi-Vue-SqlServer 服务端Eclipse编译 需要在 /ruoyi-common/pom.xml 中注释掉这些exclusion才能在Eclipse编译。实际maven编译,可以把这一块打开。 客户端ruoyi-ui编译 使用…

老师都在用的成绩发布系统

成绩查询系统,不是什么高科技,就是通过一些代码和Excel表格的配合,实现学生自主查询成绩的功能。对,你没听错,就是自主查询,不再需要学生一个个问老师成绩了。 先说说系统的原理吧。当老师需要发布成绩时&a…

C语言实现字符串比较

完整代码&#xff1a; /*编一个程序&#xff0c;将两个字符串 s1 和 s2 比较&#xff0c;若 s1>s2&#xff0c;输出一个正数&#xff1b;若 s1s2&#xff0c; 输出 0&#xff1b;若 s1<s2&#xff0c;输出一个负数。不要用 strcpy 函数。两个字符串用 gets 函数 读入。输…

竞赛 深度学习实现行人重识别 - python opencv yolo Reid

文章目录 0 前言1 课题背景2 效果展示3 行人检测4 行人重识别5 其他工具6 最后 0 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 &#x1f6a9; **基于深度学习的行人重识别算法研究与实现 ** 该项目较为新颖&#xff0c;适合作为竞赛课题方向&#xff0c…

vue+iView 动态侧边栏菜单保持高亮选中

iview 组件在使用过程中&#xff0c;多多少少有一些小坑&#xff0c;本文简单罗列一二&#xff1a; 避坑指南&#xff1a; 关于iview 侧边栏菜单未能展开高亮选中回显问题 应用场景&#xff1a;iview-admin下接入动态菜单后&#xff0c;刷新或链接跳入时回显失效 简单就是两个方…

双11数码好物推荐、这几款产品很难让人拒绝

随着双11购物节的临近&#xff0c;各大电商平台纷纷推出了各种吸引人的优惠活动&#xff0c;其中数码产品备受瞩目。在如今数码产品层出不穷的时代&#xff0c;选择一款性价比高、实用性强的数码好物成为了很多人的难题。为此&#xff0c;我想向大家推荐几款绝对值得入手的数码…

C语言数据结构---时间复杂度、空间复杂度

前言 本篇文章讲解C语言的数据结构中&#xff0c;时间复杂度、空间复杂度的定义&#xff0c;以及例题说明。 详细介绍了大O渐进法和如何计算一个代码的时间复杂度和空间复杂度。最后还有一个以空间复杂度换取时间复杂度的思想。 文章目录 前言1.时间复杂度1.1 时间复杂度的概念…

首个保险“远程双录”管理办法出台!菊风持续推进金融业布局双录智能化升级

近期&#xff0c;国家金融监督管理总局宁波监管局印发《宁波保险销售行为远程同步录音录像管理暂行办法》。该《办法》充分结合考虑视频连线方式保险销售特点和线上线下融合开展保险销售中存在的各类问题&#xff0c;梳理线上化保险销售流程和风险控制要点&#xff0c;补齐线上…

将ChatGPT与物理机器人结合,波士顿动力开发了一只怪物!

10月27日&#xff0c;全球顶级机器人开发商波士顿动力&#xff08;Boston Dynamics&#xff09;在官网展示了一项新的研究&#xff0c;通过将ChatGPT、Spot以及其他AI模型相结合&#xff0c;开发了一种会说话的导游机器狗。 据悉,该机器狗能够根据文字、语音提示与人类进行交谈…

代码随想录算法训练营第三十五天 | LeetCode 435. 无重叠区间、763. 划分字母区间、56. 合并区间

代码随想录算法训练营第三十五天 | LeetCode 435. 无重叠区间、763. 划分字母区间、56. 合并区间 文章链接&#xff1a;无重叠区间 划分字母区间 合并区间 视频链接&#xff1a;无重叠区间 划分字母区间 合并区间 1. LeetCode 435. 无重叠区间 1.…

matlab Spongent算法

1、内容简介 略 5-可以交流、咨询、答疑 2、内容说明 Spongent 是一种轻量级 Hash 算法&#xff0c;其原理与“海绵”类似&#xff0c;分为“吸收” 和“榨取”两个阶段&#xff0c;所以又可以称之为“海绵结构”算法。 Hash 函数之所以有广泛的应用&#xff0c;是因为它具…

图的应用4.0-----关键路径(AOE网)

目录 前言 AOE网 1.基本概念 2.应用 关键路径 1.算法理论 2.代码实现&#xff08;C/C&#xff09; 前言 前面学习了图AOV网的应用&#xff0c;即拓扑排序&#xff0c;那这一期我们学习AOE网的应用&#xff0c;这是一个图的一个很广泛问题&#xff0c;也就是关键路径。那…

红色荧光PLGA聚乙酸-羟基乙酸共聚物纤维膜 红色荧光PLGA静电纺丝纤维膜

一种含有荧光染料的硝酸纤维素微孔膜及其制备方法。将提供供体荧光分子的荧光染料直接加到铸膜液中&#xff0c;经相转换直接生产出一种带荧光的硝酸纤维素微孔膜&#xff0c;微孔膜中的荧光强度可以通过添加不同剂量的荧光素来控制调节&#xff0c;该微孔膜适用于生产荧光淬灭…

京东平台数据分析:2023年9月京东扫地机器人行业品牌销售排行榜

鲸参谋监测的京东平台9月份扫地机器人市场销售数据已出炉&#xff01; 根据鲸参谋平台的数据显示&#xff0c;9月份&#xff0c;京东平台扫地机器人的销量近14万&#xff0c;环比增长约2%&#xff0c;同比降低约4%&#xff1b;销售额为2.9亿&#xff0c;环比降低约4%&#xff0…

行情分析——加密货币市场大盘走势(10.27)

目前大饼开始了震荡盘整&#xff0c;目前远离EMA21均线&#xff0c;预计会有大的回调动作。而MACD日线来看&#xff0c;昨日和今日开始呈现绿色空心柱&#xff0c;也在说明大饼在做震荡盘整。不排除大跌的可能性&#xff0c;大饼可以开始布局中长线空单&#xff0c;可以再35000…

企业im即时通讯软件私有化部署,确保信息安全与高效办公

随着企业应用即时通讯&#xff08;IM&#xff09;的普及&#xff0c;信息安全问题成为了企业最为关心的话题。为了保障内部信息安全&#xff0c;让员工专心办公&#xff0c;企业可以选择将IM系统私有化部署在内网&#xff0c;与互联网隔离开来。 对于需要与外网通信的需求&…

Vue引入异步组件

defineAsyncComponent 函数&#xff1a;异步引入组件。 Suspense 标签&#xff1a;异步引入组件时&#xff0c;显示默认的内容。 异步引入组件的基本使用&#xff1a; 异步引入组件&#xff1a; import { defineAsyncComponent } from vue; const Child defineAsyncComponen…

基于安卓android微信小程序的投票系统

项目介绍 随着我国经济迅速发展&#xff0c;人们对手机的需求越来越大&#xff0c;各种手机软件也都在被广泛应用&#xff0c;但是对于手机进行数据信息管理&#xff0c;对于手机的各种软件也是备受用户的喜爱&#xff0c;投票系统小程序被用户普遍使用&#xff0c;为方便用户…

关于JAVA中字节码文件版本号、产品版本号及开发版本号的关系

目录 关于字节码版本对应关系清单关于字节码格式说明的资料关于这些版本号 关于字节码版本 以二进制打开字节码文件&#xff1a; 如上图中第5-8标识&#xff08;圈起来的&#xff09;的即字节码版本号 十六进制&#xff1a; 34 十进制&#xff1a; 52 jdk 8 对应关系清单 …

网络策略实战

网络策略实战 网络策略 在命名空间 dev 中创建⽹络策略 dev-policy&#xff0c;只允许 命名空间 prod 中的 pod 连上 dev 中 pod 的 80 端⼝&#xff0c;注意:这⾥有 2 个 ns &#xff0c;⼀个为 dev(⽬标pod的ns)&#xff0c;另外⼀个为prod(访 问源pod的ns) &#x1f50b;创建…