当前位置:网站首页>ES6简介及let、var、const区别
ES6简介及let、var、const区别
2022-08-03 20:04:00 【嘿………】
ECMAScript6
一、简介
1、什么是ES6?
- ES的全称是ECMAScript,它是由ECMA国际标准化组织,制定的一项脚本语言的标准化规范。
2、为什么使用ES6?
- 变量提升特性增加了程序运行时的不可预测性
- 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码
二、let(ES6新增的用于声明变量的关键字)
(1)let声明的变量只在所处于的块级有效
//let关键字就是用来声明变量的
let a = 10;
console.log(a); //10
//使用let关键字声明的变量具有块级作用域
if(true){
let b = 10;
console.log(b); //10
}
console.log(b); //报错:b is not defined
//在一个大括号中使用let关键字声明的变量才具有块级作用域,var关键字是不具备这个特点的
if(true){
let a = 10;
var b = 20;
}
console.log(b); //20
console.log(a); //报错:a is not defined
//防止循环变量变成全局变量
for(var i = 0; i < 2; i++){ //使用var
}
console.log(i); //2
for(let i = 0; i < 2; i++){ //使用let
}
console.log(i); //报错:i is not defined
(2)不存在变量提升
//使用let关键字声明的变量没有变量提升
console.log(a); //报错:a is not defined
let a = 20;
(3)暂时性死区
//使用let关键字声明的变量暂时性死区
var num = 123;
if(true){
console.log(num); //报错:num is not defined
let num = 12;
}
三、 const(ES6新增的关键字)
作用:声明常量,常量就是值(内存地址)不能变化的量。
(1)具有块级作用域
//使用const关键字声明的常量具有块级作用域
if(true){
const a = 10;
console.log(a); //10
}
console.log(a); //a is not defined
(2)声明常量时必须赋值
//使用const关键字声明的常量必须赋初始值
const PI; //报错: Missing initializer in const declaration
const PI = 3.14;
(3)常量赋值后,值不能修改
//常量声明后值不可更改
const PI = 3.1415;
PI = 100; //报错:Assignment to constant variable 不能更改常量的值
const arr = [100,200];
arr[0] = "a";
arr[1] = "b";
console.log(arr); //['a','b']
arr = ['a','b']; //报错:Assignment to constant variable
四、let、const、var的区别
使用var声明的变量,其作用域为该语句所在的函数内,且存在变量提升现象。
使用let声明的变量,其作用域为该语句所在的代码块内,不存在变量提升。
使用const声明变量的是常量,在后面出现的代码中不能再修改该常量的值。
边栏推荐
- 虚拟机vmware设置桥接模式上网
- LeetCode 899. 有序队列
- 边缘盒子+时序数据库,美的数字化平台 iBuilding 背后的技术选型
- Node version switching tool NVM and npm source manager nrm
- Golang死信队列的使用
- matplotlib画polygon, circle
- Line the last time the JVM FullGC make didn't sleep all night, collapse
- 利用net-snmp的库实现snmpget,snmpset
- 1161 最大层内元素和——Leetcode天天刷【BFS】(2022.7.31)
- JS 内置构造函数 扩展 prototype 继承 借用构造函数 组合式 原型式creat 寄生式 寄生组合式 call apply instanceof
猜你喜欢

149. The largest number on a straight line, and check the set

子树的大小

宁德时代2号人物黄世霖辞任副董事长:身价1370亿

Detailed demonstration pytorch framework implementations old photo repair (GPU)

头条服务端一面经典10道面试题解析

Internet Download Manager简介及下载安装包,IDM序列号注册问题解决方法

简易电子琴设计(c语言)

小马智行起诉擎天智卡:索赔6000万 彭军称要斗争到底

622 设计循环队列——Leetcode天天刷【循环队列,数组模拟,双指针】(2022.8.2)

RNA核糖核酸修饰RNA-HiLyte FluorTM 405荧光染料|RNA-HiLyte FluorTM 405
随机推荐
node版本切换工具NVM以及npm源管理器nrm
MapReduce介绍及执行过程
149. 直线上最多的点数-并查集做法
嵌入式分享合集27
LeetCode 622. Designing Circular Queues
redis常用命令,HSET,XADD,XREAD,DEL等
dpkg强制安装软件
收藏-即时通讯(IM)开源项目OpenIM-功能手册
Matlab paper illustration drawing template No. 42 - bubble matrix diagram (correlation coefficient matrix diagram)
NNLM、RNNLM等语言模型 实现 下一单词预测(next-word prediction)
Hinton2022年RobotBrains访谈记录
【leetcode】剑指 Offer II 009. 乘积小于 K 的子数组(滑动窗口、双指针)
虚拟机vmware设置nat模式上网
数据驱动的软件智能化开发| ChinaOSC
Interview Blitz: What Are Sticky Packs and Half Packs?How to deal with it?
Teach you to locate online MySQL slow query problem hand by hand, package teaching package meeting
高并发,你真的理解透彻了吗?
若依集成easyexcel实现excel表格增强
微导纳米IPO过会:年营收4.28亿 君联与高瓴是股东
Anaconda 虚拟环境迁移