当前位置:网站首页>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声明变量的是常量,在后面出现的代码中不能再修改该常量的值。
边栏推荐
猜你喜欢
随机推荐
盘点在线帮助中心对企业能够起到的作用
【飞控开发高级教程4】疯壳·开源编队无人机-360 度翻滚
消除对特权账户的依赖使用Kaniko构建镜像
高性能计算软件与开源生态| ChinaOSC
Edge box + time series database, technology selection behind Midea's digital platform iBuilding
多模态 参考资料汇总
钱江摩托某型号产品ECU货不对版 消费者知情权应如何保障?
小马智行起诉擎天智卡:索赔6000万 彭军称要斗争到底
Teach you to locate online MySQL slow query problem hand by hand, package teaching package meeting
EasyCVR平台海康摄像头语音对讲功能配置的3个注意事项
ECCV 2022 Oral | 满分论文!视频实例分割新SOTA: IDOL
Kubernetes资源编排系列之三: Kustomize篇 作者 艄公(杨京华) 雪尧(郭耀星)
List类的超详细解析!(超2w+字)
高并发,你真的理解透彻了吗?
Network protocol-TCP, UDP difference and TCP three-way handshake, four wave
php根据两点经纬度计算距离
RNA核糖核酸修饰Alexa 568/[email protected] 594/[email prote
使用 ReportLab 绘制 PDF
微导纳米IPO过会:年营收4.28亿 君联与高瓴是股东
单调栈及其应用