深入了解JS作用域

在JavaScript中,作用域(Scope)是指变量的可访问性或可见性的范围。了解作用域是非常重要的,因为它决定了变量在代码中的访问范围,以及变量的生命周期。

1.全局作用域(Global Scope):全局作用域是指在代码中任何地方都可以访问的变量,它们在整个程序中都是可见的。

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

 2.函数作用域(Function Scope):函数作用域是指在函数内部定义的变量只能在该函数内部访问,外部无法访问。

function localFunction() {var localVariable = "I am a local variable";console.log(localVariable);
}localFunction(); // 输出"I am a local variable"
console.log(localVariable); // 报错,localVariable未定义

 3.块级作用域(Block Scope):在ES6之前,JavaScript没有块级作用域,只有函数作用域和全局作用域。但是在ES6中引入了let和const关键字,可以创建块级作用域。

if (true) {var x = 10; // var声明的变量为函数作用域,会污染外部作用域let y = 20; // let声明的变量为块级作用域const z = 30; // const声明的变量也为块级作用域
}
console.log(x); // 输出10
console.log(y); // 报错,y未定义
console.log(z); // 报错,z未定义

4.词法作用域(Lexical Scope):词法作用域是指变量的作用域由代码中变量声明的位置决定,而不是代码执行的位置。

var outside = "I am outside";function lexicalScope() {var inside = "I am inside";console.log(outside); // 可以访问函数外部的变量console.log(inside); // 可以访问函数内部的变量
}lexicalScope();

深入了解JavaScript的作用域有助于避免变量命名冲突、理解闭包的工作原理以及提高代码的可维护性。在实际编程中,充分利用不同作用域的特性可以更好地组织和管理代码。 

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

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

相关文章

EPAI手绘建模APP动画编辑器、信息、工程图

④ 动画:打开关闭动画编辑器。APP中动画包含两个部分,动画编辑器和动画控制器。动画编辑器用来编辑动画。具体来说,选中一个模型后,给模型添加移动、旋转、缩放三种关键帧,不同的模型添加不同的关键帧,实现…

40.乐理基础-拍号-什么是一拍

拍: 首先 以Y分音符的时长为一拍 这一句话,然后拍是音乐中的时长单位,但这个时长单位有点特殊,它并不是完全绝对的某一个时间,而正是因为如此,所以不能用 秒 之类的,已经很确定很绝对的时间单位…

CMakeLists.txt语法规则:部分常用命令说明三

一. 简介 前面几篇文章学习了CMakeLists.txt语法中 add_executable命令,add_library命令,aux_source_directory命令,include_directories命令,add_subdirectory 命令的简单使用。文章如下: CMakeLists.txt语法规则&…

matlab例题大全

1.第1章 MATLAB系统环境 1.1 注:plot函数为画图函数。例plot(x1,y1,:,x2,y2,*); 1.2 注:root为求根函数。p为方程变量前面系数矩阵。 1.3 注: 2*x3y-1*z 2; 8*x2*y3*z 4; 45*x3*y9*z 23 求:x,y,z的…

前端工程化的基本介绍

文章目录 一、概念二、前端工程化的细节模块化组件化规范化 一、概念 工程化,可以理解为使用一些方式,去改良提高行业中现有的步骤、设计、应用方式。前端工程化,就是指对前端进行一些流程的标准化,让开发变得更有效率&#xff0…

IDEA 算法要点和难点,实际案例应用,代码实例和解析

"IDEA" 全称是 "International Data Encryption Algorithm"(国际数据加密算法),它是一种对称密钥块加密算法。IDEA 是由瑞士联邦理工学院(ETH Zrich)的 Xuejia Lai 和 James L. Massey 在 1990 年提出的。该算法设计用于替代 DES(Data Encryption St…

关于位操作符的实际应用<C语言>

前言 位操作符在C语言初学阶段相对其他操作符来说,是一种难度比较大的操作符,且运用较少的一类操作符,但是位操作符并不是“一无是处”,合理运用的位操作符,在某些场景下可以优化算法,提高代码的执行效率&a…

Vue框架知识点表格总结

今年的就业形势是真的严峻,后端java的薪资直线下降,不仅薪资大幅下降,而且要求也提高了不少,很多后端java开发岗位,都要求会前端Vue框架以及一些其他前端框架。所以以后前后端都得熟练开发。以后前后端分离&#xff0c…

PyQt5:Qt Designer使用重载的自定义类提升控件

1,以QPushButton举例 2,右击需要提升的控件,选择【提升为...】 3,添加自定义类,不用管 .h 的后缀,不影响使用。 4,完成 5,说明:自定义类的:__init__()方法…

基于STC12C5A60S2系列1T 8051单片机的IIC通信的0.96寸4针OLED12864显示16行点x16列点字模的功能

基于STC12C5A60S2系列1T 8051单片机的IIC通信的0.96寸4针OLED12864显示16行点x16列点字模的功能 STC12C5A60S2系列1T 8051单片机管脚图STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式及配置STC12C5A60S2系列1T 8051单片机I/O口各种不同工作模式介绍液晶显示器OLED12864简…

抖音直播间小风车怎么挂?直播间小风车跳转微信怎么开通!

抖音直播已经成为了一个非常受欢迎的直播平台,而在直播间引流也是用户非常关注的一个话题。而针对这个问题,抖音也提供了一种非常好用的小工具——小风车,可以帮助用户在直播间进行引流。那么,抖音直播间小风车怎么挂?…

记录几种排序算法

十种常见排序算法可以分类两大类别:比较类排序和非比较类排序。 常见的快速排序、归并排序、堆排序以及冒泡排序等都属于比较类排序算法。比较类排序是通过比较来决定元素间的相对次序,其时间复杂度不能突破 O(nlogn)。在冒泡排序之类的排序中&…

扩展学习|本体研究进展

文献来源: 王向前,张宝隆,李慧宗.本体研究综述[J].情报杂志,2016,35(06):163-170. 一、本体的定义 本体概念被引入人工智能、知识工程等领域后被赋予了新的含义。然而不同的专家学者对本体的理解不同,所给出的定义也有所差异。 人工智能领域的学者Neches(1991)等人对…

Java ~ Lock【目录】

一 Lock(锁) Lock(锁) 《Java ~ Lock【源码】》《Java ~ Lock【总结】》 未完待续…

一些水到渠成的困惑

一、纹波和噪声 什么是纹波?什么是噪声? 两者是怎么产生的? 有什么区别与联系? 在电路中怎么规避?什么样的电路设计? 1.1电源纹波到底是什么? 二、EMC、EMI、ESR 三、二极管、电容不一样的…

Docker Compose 部署若依前后端分离版

准备一台服务器 本次使用虚拟机,虚拟机系统 Ubuntu20.04,内存 4G,4核。 确保虚拟机能连接互联网。 Ubuntu20.04 安装 Docker 添加 Docker 的官方 GPG key: sudo apt-get update sudo apt-get install ca-certificates curl su…

Spring Boot应用部署 - Tomcat容器替换为Jetty容器

Jetty和Tomcat容器对比 Tomcat和Jetty都是一种Servlet引擎,他们都支持标准的servlet规范和JavaEE的规范。 Jetty更轻量级。这是相对Tomcat而言的。 Jetty更灵活。 Jetty更满足公有云的分布式环境的需求,而Tomcat更符合企业级环境。 Tomcat容器替换为…

初始面相对象

初始面向对象 类和对象的关系 类:对对象向上抽取出像的部分、公共的部分以此形成类,类就相当于一个模版。 对象:在某个模版下的具体的产物可以理解为对象,对象就是一个一个具体的实例,就相当于这个模版下具体的产品&…

RabbitMQ之生产批量发送

为什么要用生产批量发送? 批量发送消息,可以提高MQ发送性能。但是 RabbitMQ 并没有提供了批量发送消息的 API 接口,使用 spring-amqp 的 BatchingRabbitTemplate 实现批量能力。 SimpleBatchingStrategy 发送策略满足以下规则会进行发送: ba…

学习【Java反射】这一篇就够了

反射 1. 什么是反射2. 反射的原理3. 使用案例4. 应用场景 1. 什么是反射 Java反射是指在运行时动态地获取类的信息,并可以通过该信息来操作类或对象。 通过反射,我们可以在运行时获取类的字段、方法、构造函数等信息,并能够动态地创建对象、…