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

目录

前言

作用域的概念及作用

作用域的分类

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); // 输出: globalconsole.log(outerVar); // 输出: outerconsole.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.hqwc.cn/news/150922.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【uniapp】富文本

1、富文本显示&#xff0c;只显示文字&#xff0c;其余html不显示 功能&#xff1a;红框处其实是一个富文本&#xff0c;有图片之类的。但是现在不想根据html显示&#xff0c;只显示文字。 直接上代码 //内容显示 <view>{{item.fhArticleVo.content}}</view> // …

centos ubantu IP一直变化,远程连接不上问题

文章目录 一、为什么IP地址会变1.主机DHCP导致 二、解决IP地址变化1.centos2.ubantu 总结 虚拟机能连接为互联网,但下一次启动IP地址再发生变化,无法使用ssh远程连接 一、为什么IP地址会变 1.主机DHCP导致 虚拟机系统(ubantu,centos…)启动后会向本地申请IP地址租约,租聘的I…

Three.js 基础纹理贴图

本文简介 带尬猴&#xff0c;我嗨德育处主任 尽管 Three.js 文档已经比较详细了&#xff0c;但对于刚接触 Three.js 的工友来说&#xff0c;最麻烦的还是不懂如何组合。Three.js 的功能实在太多了&#xff0c;初学者很容易被大量的新概念冲晕。 本文主要讲解入门 Three.js 必…

mysql主从搭建(gtid)

搭建mysql主从使用三台主机&#xff0c;主机信息如下 ip端口主机名角色10.1.60.803306rabbitmq04salve10.1.60.1143306rabbitmq01slave10.1.60.1153306rabbitmq02master 为每台主机修改主机名并配置hosts hostnamectl set-hostname rabbitmq04 vi /etc/hosts 10.1.60.114 …

Leetcode—66.加一【简单】

2023每日刷题&#xff08;十一&#xff09; Leetcode—66.加一 实现代码1 /*** Note: The returned array must be malloced, assume caller calls free().*/ int* plusOne(int* digits, int digitsSize, int* returnSize){int num 0;int i 0;int arr[110] {0};// 进位标识…

业务架构、应用架构、技术架构、数据架构

架构规划的重要性 如果没有进行合理的架构规划&#xff0c;将会引发一系列的问题。为了避免这些问题的发生&#xff0c;企业需要进行业务架构、应用架构、技术架构和数据架构的全面规划和设计&#xff0c;以构建一个清晰、可持续发展的企业架构。 https://www.zhihu.com/que…

LVS集群-NAT模式

集群的概念&#xff1a; 集群&#xff1a;nginx四层和七层动静分离 集群标准意义上的概念&#xff1a;为解决特定问题将多个计算机组合起来形成一个单系统 集群的目的就是为了解决系统的性能瓶颈。 垂直扩展&#xff1a;向上扩展&#xff0c;增加单个机器的性能&#xff0c;…

【spark客户端】Spark SQL CLI详解:怎么执行sql文件、注释怎么写,支持的文件路径协议、交互式模式使用细节

文章目录 一. Spark SQL Command Line Options(命令行参数)二. The hiverc File1. without the -i2. .hiverc 介绍 三. 支持的路径协议四. 支持的注释类型五. Spark SQL CLI交互式命令六. Examples1. running a query from the command line2. setting Hive configuration vari…

独创变频杀毒(血影内核) 瑞星杀毒软件V16保驾护航

下载地址&#xff1a;https://user.qzone.qq.com/512526231/main

非遗主题网站的设计与实现基于PHP实现

包括源码参考论文 下载地址: https://juzhendongli.store/commodity/details/18

【Mybatis源码】XMLConfigBuilder构建器 - 读取XML配置初始化Configuration对象

XMLConfigBuilder是Mybatis中定义的进行构建Configuration对象的类,此类用于读取XML配置文件创建并初始化Configuration对象; 上一篇中我们介绍了XMLConfigBuilder构建器加载XML配置文件以及创建Configuration对象https://blog.csdn.net/m1729339749/article/details/133983…

【安装tensorflow-CPU版本】

一、安装目的二、安装过程三、总结 一、安装目的 使自己的jupyter能用tensorflow 二、安装过程 首先打开anaconda prompt 接着输入conda list 查看自己是否安装了tensorflow 在 Python 中使用 pip 工具来升级 pip 自身并指定了使用清华大学的镜像源进行安装 python -m pip …