专题 | 变量 var let const

已于 2022-06-24 21:13:45 修改
阅读量1k 收藏 1
点赞数
分类专栏： 详细知识 文章标签： javascript 前端
于 2021-01-23 12:12:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A123ppleQueen/article/details/110795450
版权
本文详细探讨了JavaScript中的var、let和const三种声明变量的方式。var存在变量提升和无块级作用域的问题，let则解决了这些问题，提供块级作用域，并且不允许在相同作用域内重复声明。const用于声明不可变的常量，必须初始化且不能重新赋值。文章通过实例展示了它们之间的区别和使用场景。
摘要由CSDN通过智能技术生成

 var let const

 var let可以一次声明多个变量且不赋初始值，const声明一定要赋初始值

 

var let

 

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// var
		var a;
		var b,c,d;
		console.log(a,b,c,d);
		
		// let
		let h,j;
		console.log(h,j);
		</script>
	</body>
</html>

 

const

 

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	    //const
	    const k;
	    console.log(k);
		</script>
	</body>
</html>

var可以重复声明重新赋值，let不能重复声明可以重新赋值，conts不能重复声明，值不能改变就是不能重新赋值

var

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	    var a=1;
		var a=2;
		a=3;
		console.log(a);
		</script>
	</body>
</html>
let

 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// 可以重新赋值
	   let b=4;
	   b=2;
	   console.log(b);
		</script>
	</body>
</html>
let不能重新声明

 

<!DOCTYPE html>
<html>
	<he
最低0.47元/天 解锁文章
快乐的高兴的学习代码中
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中变量（var、let、const）的声明提升和作用域梳理
木木木华的博客
02-08 2856
var：最常用的，可声明全局变量，也可声明局部变量； let：块级作用域， 声明的变量只能在其声明的块或子块中可用； const：声明常量，声明变量的时候必需初始化，且之后不可改变。
const，let，var
Bule_daze的博客
09-16 153
Airbnb JavaScript 编码规范 中关于 引用References 的说明： 对所有的引用使用 const 如果你一定需要可变动的引用，使用 let 代替 var ❓为什么建议对所有对引用使用 const ？ ◎ 这可以确保你无法对引用重新分配，重新分配可能会导致 bug 和难以理解的代码。 ❓为什么使用 let 代替 var ？ ◎ 因为 let 是块级作用域，而 var 是函数...
JS变量的学习
shmilynn_的博客
01-20 579
JS变量的学习
JavaScript 学习-9.使用let声明变量
qq_27371025的博客
05-20 2042
前言 ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量，一旦声明，常量的值就不能改变。 在 ES6 之前，JavaScript 使用var声明变量只有两种作用域： 全局变量 与 函数内的局部变量。 var声明变量使用 var声明变量只有两种作用域： 全局变量 与 函数内的局部变量。 全局变量 在函数外声明的变量作用域是全局的, 在任意地方都可以引用 var
let变量声明以及声明特性
weixin_55017780的博客
09-19 382
let的作用是声明变量，而声明变量有什么特性呢？
05.JavaScript变量——let、var、变量创建、命名、常量、命名规范
魏大大
04-17 758
变量 变量是数据的“容器”，为了计算方便，我们在编程过程中通常会将数据、信息存放在一个具有特定意义名称的容器中。 我认为一个更加容易理解的概念就是“代数”，就像我们在初高中经常使用的x、y、z、a、b、c，以及一些奇怪的希腊字符。 变量创建 在严格模式（"use strict"）下，使用变量之前，需要先创建变量，这里就涉及到了一个新的关键字：let。 下面的语句就定义、声明、创建了一个名为"perimeter"的变量： let perimeter; 创建变量后，可以使用赋值运算符=为变量赋值： let p
JavaScript的声明变量 var let const的区别
最新发布
08-06
主要是总结了声明变量的特点 熟悉掌握对后续的学习很有帮助，欢迎大家共同探讨共同学习。
JavaScript变量声明var,let.const及区别浅析
01-21
var声明变量的作用域限制在其声明位置的上下文中 var x = 0; // x是全局变量，并且赋值为0。 console.log(typeof z); // undefined，因为z还不存在。 function a() { // 当a被调用时， var y = 2; // y被声明成...
了解javascript中let和var及const关键字的区别
12-09
1.声明后未赋值，表现...2.使用未声明的变量，表现不同 //一个例子 (function() { console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行) console.log(letTest); //直接报错：ReferenceError: letT
前端学习＜四＞JavaScript基础——03-常量和变量
——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
04-04 1369
自定义常量是ES6中新增的语法。它的语法格式是这样的：const 常量名称 = 常量取值;举例：const name = '千古壹号';// 定义常量name，它的取值是 千古壹号​// name = '许嵩';// 既然 name 是常量，所以这一行是错误的写法，因为 name 无法被修改为其他的值​// 打印结果：后续我们讲ES6语法的时候，会深入学习 const 用法。我们一般不会直接使用常量，否则会导致代码冗余、不易维护。
Go语言基础-声明变量
fearlazy
05-08 333
原文链接：https://www.fearlazy.com/post/287.html 声明变量： Go语言用关键字var声明变量，格式:var 变量名 数据类型，如var count int。 也可以一次声明同类型的多个变量，如var width,height int。变量名之间用逗号隔开。 变量赋值： 给变量赋值用= 。Go语言支持一次为多个变量赋值，如width,height = 1,2 。=右边放在数量相等的值，中间用逗号隔开即可。 声明变量并赋值： 在声明变量时...
ES6—const声明变量及特点
Java_young_man的博客
03-24 903
const声明变量及特点 我们在利用const声明变量时的格式如下： const SCHOOL='清华'; 看似和 let var 差不多，但是再利用const进行变量的声明时同样具有一些特点。 const声明时的注意事项 1.一定要赋予初始值 const A; 控制台将会报错 2.一般常量要大写（潜规则） 实际小写并无错 大小写均可 const A=10; console.log("A="+A); const a=10; console.log("a="+a); 3.常量值不能修改 const
ES6块级作用域及新变量声明（let）
weixin_34023863的博客
05-10 202
很多语言中都有块级作用域，但JS没有，它使用var声明变量，以function来划分作用域，大括号“{}” 却限定不了var的作用域。用var声明的变量具有变量提升（declaration hoisting）的效果。 ES6里增加了一个let，可以在{}， if， for里声明。用法同var，但作用域限定在块级，let声明的变量不存在变量提升。   示例1: 块级作用域 if func...
ES6的let声明变量
qq_48648782的博客
07-06 279
6.3 let 【1】var的两个问题 ​ i：会被声明提前——打乱程序的正常执行顺序 ​ ii：没有块级作用域——代码块内的变量会超出其范围，影响到外部变量 【2】块级作用域：指的是对象{}和function的{}之外，其余if else、for、等程序结构的{}范围，在其他语言中称为块级作用域。但是，在js中这些{}，都不是作用域。拦不住内部的局部变量声明被提前。 【3】使用let的优点 ​ i：不会被声明提前——保证程序顺序执行 ​ ii：拥有块级作用域——作用域内的变量不再影响作用域外的变量
let声明的变量--详解
qq_38969618的博客
10-15 2528
let声明的变量具有以下特性： （1）具有块级作用域。 （2）使用let声明的全局变量（全局变量：全局范围内有效），不会成为window对象的属性。 （3）没有变量提升。 （4）变量名不能重复声明，会报错（var已经声明的变量名，let也不能重复声明）。 ps:如果访问一个对象不存在的属性，不会报错，只会出现undefined. 参照：https://blog.csdn.net/f...
let和var定义变量的区别
宁静致远
01-09 1万+
ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。声明后未赋值，表现相同(function() { var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefin...
js中let和var定义变量的区别
热门推荐
nfer_cn的专栏
09-28 18万+
本文对比了js中let和var关键字在声明变量时的异同之处。
const定义变量时的{}
niki的博客
05-21 1770
1、这个涉及到ES6中变量的解构赋值 定义：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 解构的语法： const { zhi } = Gao; //等价于 const zhi = Gao.zhi 2、请分析以下几个例子的结果，之后你就会明白这个{}所代表的的意思 （1）例一 const {a} = {a:1} console.log(a) // 1 （2）例二(ES6语法糖) const {a} = {a..
var let const
08-08
var、let 和 const 是 JavaScript 中用于声明变量的关键字。 1. var 是 JavaScript 最早引入的变量声明关键字。它可以在函数作用域或全局作用域中声明变量。使用 var 声明的变量存在变量提升的特性，即可以在声明...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值