变量 重复声明_你不知道的ES6之变量和解构

最新推荐文章于 2022-04-25 17:50:28 发布
最新推荐文章于 2022-04-25 17:50:28 发布
阅读量135 收藏
点赞数
文章标签： 变量 重复声明
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39612540/article/details/112637010
版权

说起ES6应该也不是很新的东西了毕竟ES9都出来了，但是我们发现，在前端开发过程中ES6运用的并不多，可能大家有的也不理解为什么有ES6这个东西。

所以最近可能会写一个ES6的专题，我们来好好学习下ES6的一些核心及很有用的功能

今天我们来说说ES6的变量命名规范

let

let 大家也不陌生了 ，在平常也用的比较多，可以说let可以完全取代var

但是它为什么可以取代var呢，或者说var有什么不好呢？

1、首先我们要指导 var是函数及作用域let是块级作用域

看代码(代码功能：点击按钮弹出对应下标)

e96cf037df901e2119bee93c499bb7e1.png

点击按钮弹出对应下标 var

我们会发现弹出来的一直是3

这是因为用var申明的变量不是块级作用域，一个for循环下来i的值就变成了3(这时候如果要想实现功能只能用闭包来解决了)

当我们把var改成let就可以实现我们想要的功能了

2fc5e9bb87d77371bc8b038eb2fbfcfe.png

点击按钮弹出对应下标 let

2、var 可以重复声明，let不可以

有人说可以重复声明不是很好吗，其实如果变量可以重复声明的话会出现很多隐患和弊端，对于一个严格的程序语言来说，变量是不可以在重复命名

b7092426ed4532c7242df0ac8d54e64b.png

换成let

29ab417a9fdb3a9350ce3d43010c9633.png

会报一个错，告诉我们a已经被申明过，不能再次声明

d8761dae039318da3f04560582a64406.png

let 和 const

const的很多属性和let一样，但是conts命名的是常量，更有征对性

一旦用conts命名就说明这个变量是不可以更改的否则代码就会报错

奇淫技巧

并不是所有用conts声明的都不可以修改比如说对象

678b954d24410de00fb7da8398ea2e61.png

想知道原因的可以自行百度或私信我哦!

d6f8f7a7695c034ba174ea0aaf0d427d.png
weixin_39612540
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6基础入门-03.let命令的特性——不存在变量提升，暂时性死区，不允许重复声明
miffy002的博客
08-28 1716
不存在变量提升 var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined。 let命令不存在变量提升的行为，它所声明的变量一定要在声明后使用，否则报错。 例： 暂时性死区 只要块级作用域内存在let命令声明变量之前，该变量都是不可用的。 这在语法上，称为“暂时性死区” temporal dead zone，简称 TDZ。 例： 有些“死区”比较隐蔽...
ES6 let和const命令
淡淡风溶溶月
09-28 140
这里写目录标题let和var的区别let不允许在相同作用域内，重复声明同一个变量let会产生块级作用域，且只在自己的作用域内生效，var不受限制let不存在变量提升let存在暂时性死域const声明的特点 let和var的区别 var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined。let不存在变量提升，它所声明的变量一定要在声明后使用，否则报错。 let不允许在相同作用域内重复声明同一个变量，var可以。 let会产生块级作用域，且只在自己的作用域内生效，var不受限制。 l
Es6--不允许重复声明
果车的博客
11-07 588
Es6 let命令不允许重复声明 1、let不允许在相同的作用域内，重复声明同一个变量   例一 function func(){ let a1 = 10; var a1 = 1; } //报错   例二 function func(){ let a2 = 10; let a2 = 1; } //报错 2、let不允许在函数内部重新声明参数   例一 function func(a...
闭包再次理解
EmotionComputer
10-31 481
闭包的引出： 在一个函数内部定义的变量是无法在函数外面引用的。 例如： function f1() { var name = 'pcm' } console.log(name) //报错，因为name为局部变量 但是，我就想在函数外面使用这个变量怎么办呢？？ 为了能够访问方法中内部变量的值，我们可以通过闭包来实现 下面就引出了闭包 function f1() { var nam...
ES6声明变量与变量的解构赋值
WangShuoQing的博客
06-16 430
要跟上时代学习新的更加好用的方法和知识，从今天开始，学一下ES6，ES6 入门教程先学习最近工作中2用的上的第1-11,13,-14,16-17,20-22等章节。 let命令 let只在所在代码块中有效 for循环器就适用let命令 在for循环中，设置for循环那部分是父作用域，循环体内是单独的子作用域。 因为var存在变量提升即可以在变量声明前调用变量，而且作为全局变量很容易在某些适用时产生未知的错误，所以谨慎用var，多用let和const，因为我目前比较少接触到会频繁使用var的代码部分，
ES6学习之变量的解构赋值
08-31
【变量的解构赋值】是ES6引入的一种新的语法特性，它极大地简化了变量的声明和赋值，尤其在处理数组和对象时。解构赋值允许我们从数组或对象中提取值，并将这些值分配给一组变量，使得代码更简洁、易读。 **数组的...
ES6新特性四：变量的解构赋值实例
08-30
在ES6（ECMAScript 2015）中，引入了一种强大的语法特性——变量的解构赋值。解构赋值允许我们从数组、对象或其他可迭代结构中提取值，并将它们赋值给一组变量。这个特性极大地提高了代码的可读性和简洁性。下面我们...
ES6入门教程之变量的解构赋值详解
12-04
解构赋值是ES6引入的一种强大的语法特性，它使得从数组或对象中提取值并赋给多个变量变得更加简洁和高效。本篇文章将深入探讨这一主题。 ### 数组的解构赋值 #### 基本用法 在ES6之前，如果要将数组中的值赋给变量...
ES6中是否真的不能声明同名的let与var？
a877189987的博客
12-01 298
ES6中是否真的不能声明同名的let与var？ aimingoo1 年 之前(2020-09-02) 首先，作为一个常识，在ES6之后的JavaScript中，不能声明同名的let与var，也同样不能声明同名的const。但是，在极客时间的课程中，Elmer同学问出了下面这样的问题： // 示例1 function test(x = 2) { var x = 3; console.log(x); } test(); // 3 在这段代码中，既然参数中的x是一个let风格的声明，...
【前端学习】ES6语法 解构表达式用法
啦啦啦啦啦
01-20 216
数组解构 数组内容快速赋值 let arr=[1,2,3]; let [item0,item1,item2]=arr; console.log(item0); //1 console.log(item1); //2 console.log(item2); //3 数组部分内容解构赋值 let arr=[1,2,3]; let [item0]=arr; console.log(item0); //1 let [item0,,item1]=arr; console.log(item0); //1 c
es6新增---let&count关键字
m0_65912225的博客
04-25 211
.var 的缺点 ; let&count关键字的相同点和不同点:
JavaScript闭包与变量的经典问题
weixin_34128237的博客
10-28 152
许多人第一次接触闭包大概都是从高程里这段代码开始的： function createFunctions() { var result = new Array(); for(var i=0; i<10; i++) { result[i] = function() { return i; } }...
es笔记(解构赋值)
前端说
03-30 1352
数组的解构赋值let [a, b, c] = [1, 2, 3]; let [foo, [[bar], baz]] = [1, [[2], 3]]; let [ , , third] = ["foo", "bar", "baz"]; let [x, y, ...z] = ['a']; x // "a" y // undefined z // [] 这样的写法属于模式匹配，要是没有匹配到，返回unde
js变量的重复声明
Liu
03-09 1498
var的重复声明 1.使用var语句多次声明一个变量是合法的,不会造成任何错误. 2.如果重复使用的一个声明有一个初始值,那么它担当的不过是一个赋值语句的角色. 3.如果重复使用的一个声明没有一个初始值,那么它不会对原来存在的变量有任何的影响. 例： var a = 100; function fn() { alert(a); //undefined 变量提升 var a = 200; alert(a); //200 } fn(); alert(a); //100 var a; //情况3 alert(a)
Es6解构时重命名
热门推荐
卡卡西：一个擅长拷贝的前端程序员
11-01 1万+
Es6在对象结构时可以同时重命名，如： let res = { data: [1,2,3], name: '礼拜', age: 23 } 直接对 res 解构 let {name,age,data} = res; 可得到name、age、data三个值 现在想给data重新命名为 arr 以方便取用， let {data: arr} = res; 此时，arr 能取到 之前data 中的值 ...
ES6 看这篇就够了
HiSen的博客
11-29 553
前言 ES6 核心知识点学习整理记录 let , const 解构赋值 字符串，正则，数组，对象，函数的扩展 + Symbol Set , Map 数据结构、 Proxy 代理 / 拦截 ， Reflect Generator 函数 async 函数 Promise对象 class 类 module 模块儿 let ， const ES6新增了...
方案-基于云架构的校园信息化建设方案.pdf
最新发布
07-29
方案-基于云架构的校园信息化建设方案.pdf
【创新未发表】Matlab实现蛇群优化算法SO-Kmean-Transformer-LSTM负荷预测算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
前端面试必备：变量声明、解构赋值与函数参数解析
"前端57道面试题及答案包含了JavaScript中的关键概念，如变量声明（var、let、const的区别）、解构赋值（数组和对象的解构）、以及函数参数的定义方法，特别是ES6中的解构赋值在处理多参数函数时的优势。" 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值