ES6 let 和 const 关键字

一、ES5 的 var 关键字

  1. var 存在变量提升
  2. var 允许重复声明,浏览器本身只识别一次,但不会报错
  3. var 声明的变量即是全局变量,也相当于给 GO(window) 设置了一个属性而且两者建立映射机制
  4. 基于 typeof 检测一个没有被声明过的变量,并不会报错,结果是"undefined";但是从正确的角度来讲应该报错才是正常的!
  5. var 没有块级作用域

二、 let 关键字

  1. 不会存在变量提升
  2. 必须先定义在使用,没有定义就使用的话就会报错
  3. 会产生作用域
  4. const 一样不允许重复声明变量
console.log(a); // Cannot access 'a' before initialization ⇒ a 不能再初始化之前使用
let a = 10;
let a = 20;
console.log(a); // SyntaxError: Identifier 'a' has already been declared ⇒ 因为变量 a 已经被赋值了function (num) {let num; // 报错,不能在函数内部重新声明参数console.log(num);
}
  1. const 一样有暂时性死区(TDZ) – 在声明变量之前, 该变量都不能使用
let a = 10;
console.log(a); // 10let c = 10;
{let c = 20;console.log(c); // 20
}{let d = 2;console.log(d); // 2
}
console.log(d); // d is not defined// 只要块级作用于内存在let命令,他声明的变量就会"绑定"在这个区域,不会受外部的影响
var e = 2;
if (true) {e = 1; // Cannot access 'e' before initializationlet e;
}
  1. let 声明的变量仅仅是全局变量,和 GO 没什么关系
  2. 如果这个变量在后面会用到 let 声明,则前面在基于 typeof 检测就会报错:不能在声明之前使用

三、 const 关键字

  1. const 关键字生命的变量叫常量(具有只读属性),常量的值不能被修改
const a = 10;
a = 20;
console.log(a); // 报错,常量不能被更改
  1. const 声明变量要赋初值,不然会报错
const a;
a = 19;
console.log(a); // 会报错,常量必须初始化
  1. const 声明的对象

    • 保存的是变量的地址不变,而不是变量的地址所对应的值不变
    • const 声明的对象,存的是一个地址,这个地址指向一个对象
const obj = {name: '张三',age: 19
}
obj.age = 20; // 可以用对象的属性或者方法修对象的值
console.log(age); // 20obj = { // 这里会报错,常量不能被更改age = 17
}
console.log(obj.age);const arr = [1, 2, 3, 4, 5];
arr.shift();
console.log(arr); // 2, 3, 4, 5;

四、 object.freeze(a) – 冻结数组,让 let 声明的东西也不可以被更改

let arr = [1, 2, 3]
let result = Object.freeze(arr); // 如果实在不想修改数组里面的值,可以把这个数组冻结了
result.push(4);
console.log(result); // 报错,因为对象已经被冻结了,不可以被扩展

五、小 tips

  • let 关键字 和 const 关键字 立即执行函数,让整个代码更加符合模块化的规范
  • 作用域的产生和定义变量的方式有关
  • 只要在{大括号}里面使用 let 或者 const 定义变量,那么这个变量的作用范围就在这个括号内,不会存在变量提升,let 必须先声明后使用, const 在声明的时候必须赋初值

面试题

  • const 定义的变量值,永远不能被修改了?
  • 不对
    1. const 不能更改指的是:这个变量不能再和其他值进行关联了,也就是不能修改 const 声明变量的指向
    2. 但是可以在不改变指向的情况下,修改堆内存中的信息(这样也算是把值更改了)
    3. 所以:const 声明的变量,不能修改它的指向,但是可以改变其存储值

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/556150.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Spring Boot配置MinIO(实现文件上传、下载、删除)

1 MinIO MinIO 是一个基于Apache License v2.0开源协议的对象存储服务。它兼容亚马逊S3云存储服务接口,非常适合于存储大容量非结构化的数据,例如图片、视频、日志文件、备份数据和容器/虚拟机镜像等,而一个对象文件可以是任意大小&#xff…

js 里面令人头疼的 this

JS中this相关问题梳理 this 就是 js 里的关键字,有特殊意义,代表函数执行主体 一、定义 函数执行主体(不是作用域):意思是谁把函数执行了,那么执行主体就是谁 二、使用情况 全局作用域里的this 是window…

大数据专业考研书_考研必知大数据(完整版)

由上面的两组图表,不难看出,历史和医学的读研比例遥遥领先。另外由图可知,全国有百分之十三的本科生选择了毕业后读研,而这其中有近三成的人是选择了在读研时转换专业。部分省份报名人数汇总结合历年报考人数统计数据来看&#xf…

Java8 stream().map()将对象转换为其他对象

Java8 stream().map()将对象转换为其他对象 1: 将对象List转为List public class user{private String name;private String password;private String address;private String age;}List<String> name user.stream().map(x -> x.getName()).collect(Collectors.toLi…

改变 this 指向的 call 和 apply

一、call 方法 基本用法 function test() {console.log(hello world); } test(); // hello world test.call(); // hello world // test() > test.call()其实就是借用别人的方法&#xff0c;来实现自己的功能 function Person(name, age) {// this objthis.name name;th…

python爬去百度百科词条_python简单爬虫爬取百度百科python词条网页

目标分析&#xff1a;目标&#xff1a;百度百科python词条相关词条网页 - 标题和简介入口页&#xff1a;https://baike.baidu.com/item/Python/407313URL格式&#xff1a;- 词条页面URL&#xff1a;/item/xxxx数据格式&#xff1a;- 标题&#xff1a;***- 简介&#xff1a;***页…

Stream中toMap引发NullPointerException____Stream的执行流程

Stream中toMap引发NullPointerException 1、引发NullPointerException的代码如下&#xff1a; List<SelfSettlementCardInfoDto> selfSettlementCardInfoDtos selfCardAdapterManager.listSelfSettlementCardInfoDtoByCardIds(queryDto.getPartnerId(), cardIds, false…

db2 最大分区数_db2 查询表分区数据库

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航&#xff0c;为用户…

ES6 Symbol 数据类型

ES6-Symbol 类型 ES5 除类数组对象&#xff08;类数组对象名可以为数字&#xff0c;对象必须有 length 属性&#xff0c;可以用数组下标的方式访问对象属性&#xff0c;但不能通过点的方式访问&#xff09;外&#xff0c;对象属性名都是字符串&#xff0c;这很容易造成属性名的…

word中图片为嵌入式格式时显示不全_图片在word中显示不全怎么处理_word图片显示不全怎么办-win7之家...

我们在编辑word文档时&#xff0c;会需要插入一些图片来做为装饰或者用来标识&#xff0c;也会出现插入的图片显示不全的情况&#xff0c;要是遇到这种情况该怎么办&#xff0c;那么图片在word中显示不全要怎么处理呢&#xff0c;下面小编给大家分享图片在word中显示不全的解决…

Map集合使用get方法返回null抛出空指针异常问题

Map集合使用get方法空指针异常问题 前言 1.Map里面只能存放对象&#xff0c;不能存放基本类型&#xff0c;例如int&#xff0c;需要使用Integer 2.Map集合取出时&#xff0c;如果变量声明了类型&#xff0c;会先进行拆箱&#xff0c;再进行转换。 空指针问题 如图&#xff…

ES6 扩展运算符

ES6 数组相关 一、扩展运算符 … 用于函数调用 将一个数组变为参数序列&#xff1b;可与正常的函数参数结合使用&#xff1b;扩展运算符后面也可以放表达式&#xff1b;如果扩展运算符后面是空数组&#xff0c;不产生任何结果。只有函数调用时&#xff0c;扩展运算符才可以放…

android gone动画_Android动画之淡入淡出

为了更好的说明Android动画的淡入淡出效果&#xff0c;这里以一个场景为例&#xff1a; 界面上有两个View 控件&#xff0c;两个View交替显示&#xff0c;当一个View淡入显示&#xff0c;另一个View淡出不可见。我们把当前要显示的View叫showView, 要隐藏不可见的view叫hideVie…

java各map中存放null值

java中各map中是否可以存储null值情况

windows配置samba客户端_怎样设置Samba文件服务器以使用Windows客户端

输入先前用‘smbpasswd -a’设置的用户名和密码&#xff1a;进入计算机&#xff0c;然后检查网络驱动器是否被正确添加&#xff1a;作为测试&#xff0c;让我们从Samba的手册页创建一个pdf文件&#xff0c;然后保存到/home/xmodulo目录&#xff1a;接下来&#xff0c;我们可以验…

DOM 节点类型及属性

一、节点类型 节点名称节点类型节点文本内容#document (文档节点)9null大写标签名 (元素节点)1null#text (文本节点 )3文本内容#comment (注释节点)8注释的内容 二、获取节点的方式 childNodes ⇒ 获取所有子节点 document.body.childNodeschildren ⇒ 获取所有元素子节点 …

Java8中Collectors详解

文章目录1.averagingDouble2.collectingAndThen3.counting4.groupingBy4.1groupingBy(Function)4.2groupingBy(Function, Collector)4.3groupingBy(Function, Supplier, Collector)5.groupingByConcurrent5.1groupingByConcurrent(Function)5.2groupingByConcurrent(Function, …

DOM 元素以及内容的增删改

一、.createElement() ⇒ 创建元素 const div document.createElement(div); // 创建一个 div 元素二、appendChild() 追加一个元素 | insertBefore(Ele, Target) ⇒ 指定位置插入元素 const div document.createElement(div); // 创建一个 div 元素 document.getElementBy…

js实现图片虚化_Web前端之高斯模糊图片记

题记 前端需求之高斯模糊图片最近工作中有一个需求&#xff0c;客户提交图片&#xff0c;服务器根据图片生成内容&#xff0c;并将内容显示&#xff0c;要求高斯模糊处理用户的图片并作为作品展示的背景&#xff0c;类似于苹果设备上的高斯模糊背景。用户提交的图片分网络图片地…

r语言中残差与回归值的残差图_用R语言做回归分析_iris数据集/longley数据集

机器学习课程2 回归分析【题目1】使用R对内置鸢尾花数据集iris(在R提示符下输入iris回车可看到内容)进行回归分析&#xff0c;自行选择因变量和自变量&#xff0c;注意Species这个分类变量的处理方法。解答&#xff1a;1.iris数据集介绍鸢尾花(iris)是数据挖掘常用到的一个数据…