登录  /  注册
首页 > web前端 > js教程 > 正文
ES6中的let和const关键字如何使用
清浅
发布: 2018-12-03 09:30:13
原创
2188人浏览过

ES6中的let关键字主要用于声明局部变量,而且不会发生变量提升;const声明一个只读的常量,声明后无法重新分配新的内容

ES6全称为ECMAScript 6.0是JavaScript语言的下一代标准,它的目的是让JavaScript语言可以用来编写复杂的大型应用程序,ES6的出现意味着JavaScript拥有更成熟的语法以及使编码更容易的新快捷方式,还有许多新的方法,新的关键字以及数据类型和其他增强功能等,接下来在文章中将为大家详细介绍ES6中的一些新特性

【推荐课程:ES6实战视频课程

ES6新特性

let关键字

ES6引入了新的let关键字,它允许我们在函数范围内声明局部变量,例如语句,表达式或内部函数,类似于var但是let不像var那样会发生变量提升,所以,变量一定要在声明后使用,否则就会报错。

let arr=[1,2,3]
for (let i = 0; i < arr.length; i++) {

console.log(i);
}
登录后复制

ES6中的let和const关键字如何使用

我们写一个for循环函数然后再循环外写一个语句重用相同的变量名称时结果如下图所示

let arr=[1,2,3]
for (let i = 0; i < arr.length; i++) {

console.log(i);
}
let x=i*i;
登录后复制

ES6中的let和const关键字如何使用

因为它的作用域仅限于在for循环内,所以外部未声明不可使用。

const关键字

新的const关键字可以声明一个只读的常量,也称为不可变变量,声明以后我们无法重新分配新的内容。

const demo= 12;
console.log(demo);
登录后复制

Image 2.jpg


从效果图可以看出当const声明常量后如果我们再一次声明就会报错

但是不可变变量在ES6中并不总是完全不可变的,当我们就像保存一个对象一样保存常量,我们就可以改变它的属性和方法的值

const foo =[];
登录后复制

不改变地址的情况下我们可以给它增加新的内容,const声明的常量,也与let一样不可重复声明。

未标题-1.jpg

全局对象的属性

在JavaScript中全局对象就是指的是window对象,全局对象的属性赋值与全局变量的赋值是同一件事,在代码中如果一个变量未被声明则自动成为全局对象。这样的规定带来了很大的问题,没法在编译时就报出变量未声明的错误,只有运行时才能知道。但是ES6很好的解决了这一点,虽然通过let,const关键字来声明全局变量但是它不属于全局对象的属性,这也就意味着全局变量与全局对象的属性在逐步分离

var a=1;
console.log(window.a);
let b=1;
console.log(window.b);
登录后复制

未标题-1.jpg

总结:以上就是本篇文章的全部内容了,希望通过本篇文章可以让大家对于ES6的知识有一定的了解。

以上就是ES6中的let和const关键字如何使用的详细内容,更多请关注php中文网其它相关文章!

相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

 | 本站CDN由 数掘科技 提供

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学