let,var,const区别

最新推荐文章于 2024-09-01 13:33:34 发布
最新推荐文章于 2024-09-01 13:33:34 发布
阅读量55 收藏
点赞数 1
分类专栏： 前端 文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wx479/article/details/120649650
版权
本文介绍了ES6中的let和const关键字，它们带来了块级作用域的概念，改变了JavaScript中传统的变量提升行为。let允许在块级范围内声明变量，而const则确保变量值不可变，但其指向的引用可以修改。通过实例，展示了let和const如何在控制台中正常工作，符合预期的行为。
摘要由CSDN通过智能技术生成

let和const属于es6引入的的块级作用域

在函数作用域中用var定义的变量，无论实际上是在哪里声明的，都会被当成当前作用域顶部声明的变量。这就是我们所说的变量提升机制。

 const作为es6引入的新特性，作为块级标识符，只在声明的块级作用域中生效，无论在严格模式还是非严格模式const 定义的值无法被修改，而const定义的对象里面的值可以被修改，这是因为const指针指向的地址不能被改变，而const指针指向的内容可以被修改。

得到的结果也正符合我们的预期

 

 

控制台输出

 

 

 

 

 

 

 

wx479
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6---var和let const 对比区别
weixin_66386149的博客
06-14 982
var和let const区别
var、let和const的区别
PCthedream的博客
09-29 518
每个 setTimeout 引用的都是不同的变量实例，所以 console.log 输出的是我们期望的值，也就是循环执行过程中每个迭代变量的值。与var又一个很重要的区别是，let声明的变量不会在它所在的作用域中被提升，对暂时性死区可以理解为，在代码块内，使用let声明变量之前，该变量都是不可用的。之所以会这样，是因为在退出循环时，迭代变量保存的是导致循环退出的值：5。这里，variable变量是在fun函数内部定义的，调用该函数会创建这个变量并初始化值，调用过后变量随即被销毁，因此在函数外部访问会报错。
var,let,const区别
m0_61374145的博客
06-16 1581
var、let、const都是javascript声明变量的关键字，在ES6之前的版本中，用于声明变量的关键字只有var，并且没有块级作用域，只有函数作用域和全局作用域，但在ES6中已改变这种状况。ES6引入了let和const两个关键字，它们既可以用于声明变量，还能够将变量绑定到当前所处的任意作用域中，换句话说，就是把变量的作用域封闭在所处的代码块（即花括号字符“{”和“}”之间的区域，例如if条件语句中的代码）中，如此一来就形成了块级作用域。
let和const与var的区别
热门推荐
qq_45799465的博客
02-12 4万+
目录 一、定义 二、let 三、const 四、代码演示 四、循环中let和var声明的循环变量的区别 4.1 事件的绑定 4.2 循环变量存储的数据数值 4.2.1 var声明的循环变量 4.2.1 var声明的循环变量 一、定义 let和const是ES6新增的声明变量的关键词，之前声明变量的关键词是var。 二、let var定义的变量，可以预解析提前调用的结果是undefined，let定义的变量不能预解析，提前调用的结果是 报错。 var定义的变量，变量名称...
let、const、var的区别
顺其自然~专栏
04-22 2万+
一、let、const、var的区别 （1）块级作用域： 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决了ES5中的两个问题： 内层变量可能覆盖外层变量 用来计数的循环变量泄露为全局变量 （2）变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。 （3）给全局添加属性： 浏览器的全局对象是window，Node的全局对象是global。var声明的变量为全局变量，并且会将该变量添加为全局对象的..
JS let var const区别
weixin_44828588的博客
03-15 260
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
let var const区别
鸿蒙的博客
09-29 916
首先我们要知道在 javaScrip中的var ，let(es6新增)，const(es6新增) 都是声明变量的方式。 letconst语法和var一样都是用来声明变量的 1.var 声明的变量是存在变量提升的，let ，const声明的变量不存在变量提升。 变量提升： 变量提升是指代码在未定义之前可以使用且不会报错 console.log(a); //undefined 在没有定义之前使用a代码不报错 值为undefined var a = 100; //使用var声明的变量存在变...
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 ES6中const、let与var的对比详解
10-19
本文将详细介绍const、let和var的用法、作用域、变量提升、初始化以及重复声明等方面的区别。 首先，var关键字是早期JavaScript中唯一的变量声明方式。它存在一些问题，比如变量提升和全局变量污染。变量提升意味着...
了解javascript中let和var及const关键字的区别
10-16
在JavaScript编程语言中，`let`、`var`和`const`都是用于声明变量的关键字，但它们在使用和行为上存在显著的区别。下面将详细解释这些差异。 1. **声明后未赋值的表现** 不论是`let`、`var`还是`const`，在声明但...
python12 中，No module named‘distutils‘错误
qq_43557600的博客
08-27 1万+
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
jQuery基础——DOM
m0_54066656的博客
08-27 2040
JQ基础——DOM操作
vue ref和reactive区别
灰海
08-25 6120
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
妍思码匠的博客
08-30 921
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
vue3使用-watch监听总结
最新发布
weixin_44072254的博客
09-01 172
{deep: true, immediate: true, flush: 'post'}：deep是深度监听；flush:如果想在侦听器回调中能访问被 Vue 更新之后的所属组件的 DOM就用'post'，sync'创建一个同步触发的侦听器，它会在 Vue 进行任何更新之前触发；flush: 'post'， 如果想在侦听器回调中能访问被 Vue 更新之后的所属组件的 DOM就用'post'flush: sync'，创建一个同步触发的侦听器，它会在 Vue 进行任何更新之前触发。监听数组的方式-示例。
滴滴前端日常实习一面
weixin_46714216的博客
08-31 285
滴滴前端面经
基于Java+Springboot+Vue+elememt宠物用品商城系统设计实现
央顺科技官方博客
08-31 1043
随着信息技术的不断发展，我们现在已经步入了信息化的时代了，而信息时代的代表便是网络技术的日渐成熟，而现在网络已经和我们的生活紧密的联系起来了，我们不敢想象没有网络我们的生活会像怎么样，也许就像食物中没有调料现在的生活离开了网络会变得索然无味。通过网络我们可以足不出户的做许多事情，例如工作、娱乐、学习，交友和购物等等许多我们数之不尽的事情，而就是因为网络我们的生活变得多姿多彩，或许有时甚至帮我们省下不少的时间和给予了我们更多的机遇。宠物网上商城对我们来说就有这些意义。
ES配合高德地图JS-API实现地理位置查询
maohe的博客
08-29 965
使用高德地图组件获取商户详细地址和地理坐标（经纬度）存入ES中，然后获取当前用户的地理坐标位置，用户可定义查询半径，用来搜索以用户位置为中心点，指定半径构成搜索圆形区域，搜索出包含在圆形区域内的商户（信息包含排序后的距离）。
vue手机端 搜索框调起带搜索键盘，点击确认自动关闭
qq_42740298的博客
08-29 352
vue手机端 搜索框调起带搜索键盘，点击确认自动关闭
js let var const区别
06-28
js中，let、var、const都是用来声明变量的关键字，它们的区别如下： 1. var：在ES5中，var是声明变量的关键字，它的作用域是函数级别的，即在函数内部声明的变量只在函数内部有效，而在函数外部声明的变量则在全局...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值