const、var、let用法

news/2024/7/5 5:42:25

var

当使用 var 声明变量时,该变量的作用域是在最近的函数体内,而不是块级作用域(例如 if 语句、for 循环等)。这意味着在函数内部,无论变量是在函数的哪个位置声明的,它都可以被访问到。

另外,使用 var 声明的变量具有变量提升(hoisting)的特性。这意味着变量声明会被提升到函数的顶部,无论声明语句是在函数的哪个位置。这使得你可以在变量声明之前使用变量,尽管在实际代码中它们的位置是在变量声明之后。

例如:

function example() {
  console.log(x); // 输出 undefined
  var x = 5;
  console.log(x); // 输出 5
}

example();

在这个例子中,var x 声明被提升到了函数的顶部,所以在第一个 console.log 语句中,变量 x 被声明但尚未赋值,因此它的值是 undefined。在第二个 console.log 语句中,x 被赋值为 5,因此输出为 5

需要注意的是,在使用 var 声明变量时,如果在同一个函数内部多次使用相同的变量名进行声明,后面的声明会覆盖前面的声明,而不会抛出错误。这种行为被称为变量的重复声明。

总结起来,var 声明的变量具有函数作用域,在函数内部任何位置都可以访问,且变量声明会被提升到函数的顶部。然而,由于 var 存在一些容易引发问题的特性,如变量提升和变量的重复声明,推荐使用 letconst 来代替 var,以提升代码的可读性和维护性。

const

当使用 const 声明变量时,它创建一个具有块级作用域的常量。常量是指其值在声明后不能被修改的变量。

关于 const 的特性和用法,可以总结如下:

  1. 块级作用域: const 声明的变量具有块级作用域,它们只在声明的块内部有效,例如在 {} 内部的代码块中。

  2. 必须初始化: 在使用 const 声明变量时,必须同时进行初始化,即为常量赋予一个初始值。

  3. 不可重新赋值: const 声明的常量的值在初始化后不能被修改,尝试重新赋值会导致错误。

  4. 复合数据类型可变性: 对于复合数据类型(如对象和数组),const 只保证变量引用的地址不变,但是可以修改对象或数组本身的属性或元素。

以下是一些示例代码,展示了 const 的用法和行为:

const x = 5;
console.log(x); // 输出 5

x = 10; // 报错,常量不能重新赋值

const obj = { name: 'John' };
obj.name = 'Jane'; // 可以修改对象的属性

const arr = [1, 2, 3];
arr.push(4); // 可以修改数组的元素

const y; // 报错,常量必须初始化

 需要注意的是,const 并不表示变量的值是不可变的,而是变量的引用是不可变的。如果需要完全不可变的值,可以考虑使用其他方式,例如使用不可变的数据结构或深度冻结对象。

总结起来,const 用于声明常量,具有块级作用域,必须进行初始化且不能重新赋值,但对于复合数据类型,其属性或元素是可以修改的。使用 const 可以增加代码的可读性和可维护性,以表达意图明确的常量值。

let

 

  1. 块级作用域: 使用 let 声明的变量具有块级作用域。块级作用域是指变量在声明的块(通常是由 {} 包裹的代码)内部有效,超出该块就无法访问变量。这使得变量的作用范围更加可控,可以避免变量的意外污染和冲突。

  2. 不允许重复声明: 在同一个作用域内,不允许使用 let 重复声明已存在的变量。这与 var 不同,var 允许重复声明并且不会报错,这可能导致变量被意外覆盖或引起混淆。

  3. 暂时性死区(Temporal Dead Zone,TDZ): 当程序执行到 let 声明的变量之前,变量进入了暂时性死区,即该变量无法被访问。这是为了避免在变量声明前就使用变量,从而引发错误。只有当程序执行到变量声明的位置时,变量才会被初始化并进入作用域。

下面是一些示例代码,展示了 let 的使用和行为:

let x = 10;
{
  let x = 20;
  console.log(x); // 输出 20,内部块级作用域中的 x
}
console.log(x); // 输出 10,外部块级作用域中的 x

let x = 10; // 报错,重复声明 x

console.log(y); // 报错,y 在暂时性死区中
let y = 20;

 也就是说let和const非常的相似只是let没有const不可重复赋值的特性


http://lihuaxi.xjx100.cn/news/1292440.html

相关文章

哪个爬虫库用的最多?

在Python中,最常用的爬虫库是requests和BeautifulSoup。requests库用于发送HTTP请求和处理响应,而BeautifulSoup库用于解析HTML文档。这两个库通常结合使用,用于爬取网页内容并提取所需的数据。其他常用的爬虫库还包括Scrapy、Selenium等。 常…

JMeter 后置处理器之JSON提取器

目录 前言: 测试环境 插件介绍 插件参数 插件使用示例 JSON-PATH表达式介绍 操作符 函数 过滤器操作符 JSON PATH示例 前言: JMeter是一个功能强大的性能测试工具,它提供了许多后置处理器来处理和提取测试结果。其中一个常用的后…

详细介绍如何使用 OpenCV 实现自动文档扫描仪--附实现源码

文末附相关源代码实现的免费下载链接 文档扫描是将物理文档转换为数字形式的过程。可以通过扫描仪或手机摄像头拍摄图像来完成。我们将在本教程中讨论如何使用计算机视觉和图像处理技术有效地实现这一目标。 在当今的计算机时代,几乎不需要任何物理文书工作。尽管如此,在仍…

网页爬虫逆向与AST入门系列教程(五、AST的应用之反爬虫技术解析)

网页爬虫逆向与AST入门系列教程 第五部分:AST的应用之反爬虫技术解析 在前面的文章中,我们介绍了AST的基本概念、生成方法以及在代码混淆解析中的应用。在本篇中,我们将探讨AST在网页爬虫逆向中另一个重要的应用领域:反爬虫技术…

Delphi7 ODAC控件连接Oracle RAC

Direct mode does not support RAC.YOU can connect only to one fixed server in RAC. ODAC 控件中的Direct模式不支持Oracle RAC,只能够链接一个确定的RAC实例。 如果要使用ODAC控件连接Oracle RAC,则需要Oracel安装客户端,并且不使用Direct模式, 链接…

element table表格支持添加编辑校验

实现效果&#xff1a; 将table表格与form表单结合使用 &#xff08;用el-form外层包裹el-table结合rules进行校验&#xff09; 代码实现 <template><div><el-card class"box-card" shadow"never"><div><el-buttonsize"m…

如何创建WooCommerce会员网站

Web网站内容货币化的一种非常标准的方法是通过会员社区提供对内容的有限访问。您可以使用 WordPress 的众多付费专区插件之一轻松创建它。有些使用MemberPress或其他顶级 WordPress 会员插件&#xff0c;还有一些使用 WooCommerce。当您想到会员网站时&#xff0c;WooCommerce可…

最新,2023年6月CDGP设计及论述题解析

2023年6月CDGP设计及论述题解析 &#xff08;加gzh“大数据食铁兽”&#xff0c;回复“2023cdgp”获取完整版&#xff09; 酒店会员建模 结合国内外数据安全法律法规&#xff0c;谈谈境外传输数据安全管理体系建设 国内&#xff1a;《数据安全法》、《网络安全法》、2022年9月…