前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ES6特性之:let和const

ES6特性之:let和const

作者头像
一斤代码
发布2018-08-21 10:40:54
2670
发布2018-08-21 10:40:54
举报
文章被收录于专栏:大前端开发
只能赋值一次的常量 const

ES6之前,我们只有一种声明变量的方式:var,不能声明常量,如果我们有一些不变的值,比如一些固定的错误代码,我们可能会这样去声明,把它们当做常量来使用:

代码语言:javascript
复制
var ERROR_NETWORK = 0;
var ERROR_NO_RESPONSE = 1;
var ERROR_DATA_FORMAT = 2;

我们不希望其他代码去改变这些变量的值,但是其实是没有办法做到的。

在ES6里,终于新增了const关键字,可以用于声明真正的常量啦:

代码语言:javascript
复制
const ERROR_NETWORK = 0;
const ERROR_NO_RESPONSE = 1;
const ERROR_DATA_FORMAT = 2;

如果你尝试对声明的常量重新赋值,则我们的开发工具的代码检查会报错,或者运行时也会报错:

错误

作用域更清晰的变量 let

我们使用var声明变量的时候,在同一个作用域中,可以重复声明一个变量:

代码语言:javascript
复制
var a = 1;
var a = 2;

console.log(a); // 结果:2

这个例子还好,我们一眼就能看出结果是2。那我们再来看一下下面这个例子:

代码语言:javascript
复制
var i = 100;

for(var i = 0; i < 22; i++) {
   //...
}

console.log(i);   // 100? 22?

其实常理来说,我们希望这里例子中输出结果是100。但是,其实这里输入的会是22。因为在for循环中声明的同名变量i并不会跟我们想象中似的,作用域只在for循环体中,它会影响到循环外的作用域。

所以,为了避免这种副作用,我们通常就只能声明一个其他名字的变量来解决了。

在ES6中,现在引入了一个新的关键字let,来更好的处理以上我们遇到的问题。

  • 在同一个作用域中,一个变量名只能声明一次。
代码语言:javascript
复制
let a = 1;
let a = 2; //错误
  • 变量只在自己所处的块(block)中起作用
代码语言:javascript
复制
let a = 1;

{
  //这里是一个block,所以可以再次声明变量a
  let a = 2;
  console.log(a); // 结果:2
}

console.log(a); // 结果:1

所以,回过头来再看上面那个循环的例子,通过使用let声明变量i后,就可以达到我们设想的效果了:

代码语言:javascript
复制
let i = 100;

for(let i = 0; i < 22; i++) {
   //...
}

console.log(i);   // 100
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.01.13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 只能赋值一次的常量 const
  • 作用域更清晰的变量 let
相关产品与服务
腾讯云代码分析
腾讯云代码分析(内部代号CodeDog)是集众多代码分析工具的云原生、分布式、高性能的代码综合分析跟踪管理平台,其主要功能是持续跟踪分析代码,观测项目代码质量,助力维护团队卓越代码文化。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档