ES6初探之let和const

最新推荐文章于 2022-07-08 19:12:11 发布
最新推荐文章于 2022-07-08 19:12:11 发布
阅读量340 收藏
点赞数
分类专栏： ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/VVVZCS/article/details/82663963
版权

定义变量的方式：

let和const

let相当于之前的var，但是有所不同

const用于定义常量，定义好了就不能改变

这里就可以看到let和var的不同之处了，发现let和我们其他语言（例如C，C++，JAVA等）的块级作用域一样了，而var是链式作用域

再看下面

这个就是函数预编译的结果

这里用let就提示了错误，这是因为ES6中没有预编译的过程

如果想要使用let定义的变量，必须要提前声明

再看下面：

语法错误，a已经被声明过了

说明let不能重复定义变量

再看下面

这里可以这样认为for小括号里面是父级作用域，大括号里面是子级作用域

所以let在用一个作用域里面不能重复定义

const特效和let一样，但是要在定义的时候就要给出初值

const定义的变量如果是原始值，不能更改，如果是对象或者数组等的引用值，就可以通过js提供的一些方法如push进行更改

但是如果你不想使引用值更改，可以使用对象的freeze方法

VVVGG
关注
专栏目录
ES6 - let命令
王佳斌
09-11 1706
基本用法 （1）let 命令用来声明变量，用法类似于 var ，但是所声明的变量只在 let 命令所在的代码块内有效： if(true){ let a = 100 var b = 100 } console.log(b)//100 console.log(a)//ReferenceError: a is not defined 如上代码在 if 代码块之中，分别用 let 和 var ...
ES6 初探
qq_43389371的博客
04-14 309
ES 6 变量声明 区别 var 函数作用域，可重新赋值，可重复声明，有变量提升 let 块级作用域，不可重新赋值，不可重复声明，没有变量提升（因为零时性死区） 应用场景 let 取代 IIFE(立即执行函数) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-...
ES6躬行记（1）——let和const
weixin_34019929的博客
12-29 107
　　古语云：“纸上得来终觉浅，绝知此事要躬行”。的确，不管看了多少本书，如果自己不实践，那么就很难领会其中的精髓。自己研读过许多ES6相关的书籍和资料，平时工作中也会用到，但在用到时经常需要上搜索引擎中查询相关知识概念，并且对很多知识也仅仅是略知一二，没有领会到其中的原理。为此，开辟了《ES6躬行记》系列，将ES6相关的知识系统的记录下来，以便自己翻阅，也希望能帮助到广大网友。 　　在ES6之前...
ES6的let和const
实践求真知
10-18 208
一前后端技术栈对比 二简介 ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。 ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。 ECMAScript是浏览器脚本语言的规范，而各种我们熟知的js语言，如JavaScript则是规范的具体实现。 三小技巧...
es6中的let和const
苏苏就是小苏苏的博客
03-02 221
前言 es6新增let和const命令，用来声明变量，用法类似var，接下来，我将详细的说说let和const 1.为什么新增let var不好吗，为啥要新增一个let呢？ var缺点还真的多，我能列出三点： 1.可以重复声明 2.无法限制修改 3.木有块级作用域 重复声明 : var a = 10; var a = 20; console.log(a)//20 木有块级作用域 啥是块级作用域呢？ {},if(){},for(){} { var a = 10; console.log(a)
ES6 let和const
sinat_30552885的博客
08-11 1634
前提说明 var a = 1; let b = 2; const c = 3; 上面的代码中，每一行代码都可以理解为是对一个变量的初始化，而在我的理解中，一个变量的初始化过程可以分为两个步骤，第一步是声明变量，第二步是给声明好的变量进行赋值。 其中声明变量的步骤就是解释器对代码中 var a let b const c 的执行。而给声明的变量进行赋值就是解释器对 = 运算符的执行，将 ...
面试必备 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var
止水聊技术
12-14 2922
本文翻译自 https://blog.bitsrc.io/hoisting-in-modern-javascript-let-const-and-var-b290405adfda，作者 ...
16. WEB前端就业计划之JavaScript语言魅力初探
随着互联网的发展，JavaScript的重要性逐渐凸显，它逐渐成为Web前端开发的重要技术之一。 JavaScript的发展历史中，ECMAScript标准的制定起到了至关重要的作用。ECMAScript指定了JavaScript的基本语法规则和核心...
初探Vue3
QYThh的博客
11-26 2013
vue3与vue2.x的差异 vue2.x中的所有数据都是定义在data中的、方法是定义在methods中、计算属性都存在computd里、监听数据都放在watch里面。 这样就会导致了一个逻辑链他会分布在不同的区块，随着复杂度上升，就会出现这样一张图， 每个颜色的方块表示一个功能： vue3则推出了Composition API去解决上面的问题，Composition API 可以将零散分布的逻辑组合在一起来维护让你不用在data、methods、computed 以及 mounted 中反复的跳转 如
TS - interfaces 初探
weixin_44283145的博客
02-24 379
TS - interfaces 初探interfaces 是什么interfaces 怎么用对象 Interface函数 Interface interfaces英文翻译为接口，百度百科上解释为interface是面向对象编程语言中接口操作的关键字，功能是把所需成员组合起来，用来装封一定功能的集合。那么它在ts这个语言中究竟扮演怎样的角色，有什么用途。 interfaces 是什么 根据介绍interfaces是一种约束形式，其中只包括成员定义，不包含成员实现的内容。也就是说interface其实是一
ES6中的let、const
weixin_61026052的博客
02-05 562
1、let let与var都用于定义变量，区别在于：var定义全局变量，挂载在window对象上；而let定义的变量作用于块级作用域中，没有声明提升。 举例： { let a = 'hello'; } console.log(a); // 打印结果报错：Uncaught ReferenceError: a is not defined var a = 2; { let a = 3; } console.log(a); // 打印结果：2 let用于for循环： 1、 for (var
ES6中的let和const
weixin_48864616的博客
11-18 556
ES6新增了let命令，用于声明变量。 let与var的区别： 1.不存在声明提升 var可以在声明之前调用，值为undefined。 let声明的变量如果在声明前调用，会报错。 console.log(a); //undefind var a = 10; console.log(b);// 报错：Cannot access 'b' before initialization 不能在初始化之前使用b。 let b = 10; //--------
es6中的let和const命令
summer爱前端
04-18 197
let和const命令 首先回忆一下es5中声明变量的命令var，使用var命令，存在变量提升问题，对于很多场合非常不方便，在es6中为了解决这种不方便，js引入了let和const命令。 let命令 let命令和var类似，但是let 命令只在它所在的代码快中有效； let命令不会发生变量提升问题，即let命令声明的变量只能先声明再使用赋值,否则报错； let x = x;//报错，x未声明就被使用出错 let命令存在暂时性死区，即let命令会绑定它所在的代码块区域，而不受外界模块的影响
ES6 中的 let 和 const
weixin_47075145的博客
07-08 985
目录01.let 和 const 都是块级作用域。02.let 和 const声明不存在变量提升，只能先声明再使用，否则会报错。03.ES6中不允许重复声明，ES5允许04.const 声明的是一个只读常量，再声明时就需要赋值。05.let 与const 声明赋值问题06. const有关知识07.注意点：08.案例在 ES6 中通常用let 和 const 来声明，let 表示变量、const 表示常量，ES5用var声明 特点：以{ }代码块作为作用域范围 ，只能在代码块里面使用，而var声明的变量全局
ES6 let和 const
weixin_48294709的博客
06-23 198
2.
ES6系列——let和const命令
newJuly的博客
03-14 410
let 1：不能重复声明 2：块级作用域 3：不存在变量提升 4：暂时性死区 const
ES6基础：let和const
余光的博客
08-26 4716
变量声明是我们在学习一门语言时，最先了解的部分之一。不要忽略它，我们一起来看看ES6中新增的两种变量声明命令吧～
ES6新语法（let和const）
m0_53644435的博客
02-25 245
目录 一、let 二、const 三、循环中let和const的作用 一、let 1.let声明的变量只在所处于的块级有效 if(true){ let a=0 var b=1 } console.log(b); console.log(a); 打印结果为 使用let关键字声明的变量才具有块级作用域，一旦在块级作用于外使用变量就会报错，使用var声明的变量不具备块级作用域特性，即使在块级作用域外仍旧可以使用变量。 2、let声明的变量不存在变量提升 什么事变量提.
es6学习笔记(let和const)
前端说
03-25 894
let命令 let变量只在它的代码块有效 { let b=1 } console.log(b)//Uncaught ReferenceError: a is not defined 在for循环中，循环语句部分是一个作用域，内部又是一个作用域 for(let a=1;a<3;a++){ let a='aaa'; console.log(a)//'aaa','aaa' } 不存在变量提
ES6进阶：let、const与新特性详解
1. **变量提升与作用域变化**: ES6引入了`let`和`const`来替换传统的`var`。`let`的作用域仅限于当前代码块，避免了变量提升带来的意外行为，即变量声明会在使用之前自动提升到作用域顶部。`const`则用于声明常量，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值