当前位置:首页 > 日记 > 正文

ES6学习之变量的两种命名方法示例

ES6学习之变量的两种命名方法示例

前言

众所周知es6是ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

它完善了ES5的命名规范,它又重新发布了两个新的命名变量的方式:let和const,但是let声明的变量只在它所在的代码块有效。

本文将给大家介绍关于ES6变量命名的两种方法,下面话不多说,来一起看看详细的介绍:

 let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1

1、for循环的计数器,就很适合let,比如我之前遇到一个问题,就是一个ul中有很多li,要想点击每个li时都获取到哪个li的下标

for (let i = 0,len=obj.length; i < len; i++) {      obj[i].addEventListener("click",function (){       console.log(i)      },false);     }

var 在for循环中循环一个对象后得到最后那个对象的长度,而let很好的解决了那个问题,并且访问每个li的索引。

2、不存在变量提升

var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined。这种现象多多少少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用。

为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。

// var 的情况console.log(foo); // 输出undefinedvar foo = 2;// let 的情况console.log(bar); // 报错ReferenceErrorlet bar = 2;

const声明一个只读的常量。一旦声明,常量的值就不能改变。

const PI = 3.1415;PI // 3.1415PI = 3;// TypeError: Assignment to constant variable.

const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。

对于const来说,只声明不赋值,就会报错。

const的作用域与let命令相同:只在声明所在的块级作用域内有效。

总结

以上就是这篇文章的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

相关文章

AngularJS基于provider实现全局变

AngularJS基于provider实现全局变

赋值,全局变量,读取,方法,电脑软件,本文实例讲述了AngularJS基于provider实现全局变量的读取和赋值方法。分享给大家供大家参考,具体如下:简单全局变量的设置1,通过var 直接定义global variable,这根纯js是一样的。2,用angularjs value来设置全…

EXCEL怎么使用加法运算EXCEL加法运

EXCEL怎么使用加法运算EXCEL加法运

运算,方法,使用教程,计算,步骤,  在Excel表格中,常常会用到Excel公式来统计一些报表或数据等,这时就少不了要用到加、减、乘、除法,这样就少不了加、减、乘、除运算的公式,那么我们又如何利用公式来对一些数据进行加法计算呢?下面小编告诉你…

JavaScript基础之流程控制语句的用

JavaScript基础之流程控制语句的用

流程控制语句,基础,电脑软件,JavaScript,第三部分:流程控制语句JavaScript代码是书写位置:JavaScript代码应该写在<script type=”text/javascript”></script>这一对标记中。或者作为外部引用<script src="JavaScript代码路径"></script>J…

vue环境搭建简单教程

vue环境搭建简单教程

教程,环境搭建,简单,电脑软件,vue,要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等。①安装nodejshttps://nodejs.org下载nodejs,(lts)安装的时候,点击同意,一路next就可以…

.net 应对网站访问压力的方案总结

.net 应对网站访问压力的方案总结

方案,网站,压力,电脑软件,net,开年比较空,抽时间写个博文,总结下自己工作里的一些应对网站访问压力的技术方案。自己项目现在大概一天50W的pv。已从前端到后端的顺序总结下自己用的一些方案。一. 前端页面:1.首先减少资源的大小,能用小图,就用小…

nodejs对express中next函数的一些

nodejs对express中next函数的一些

函数,电脑软件,nodejs,express,最近公司在使用node做前后端分离,采用的web框架是express,所以对express框架进行了深入的了解,前段时间写了篇关于express路由的文章,但是在那篇文章中貌似少了一个很重要的内容,就是express的next,所以今天单独来…

Fireworks视图模式怎么切换使用?

Fireworks视图模式怎么切换使用?

模式,视图,电脑软件,Fireworks,Fireworks怎么切换视图模式,这个功能可能我们现在一直在用ps估计也没有这个功能。软件名称:fireworks8简体中文版 (含序列号)软件大小:88MB更新时间:2014-09-091、直接来到Fireworks根目录2、直接运行我的 Firewo…

Word2016设置不同页边距有什么方法

Word2016设置不同页边距有什么方法

设置,边距,方法,教程,有什么,  在文档中,我们经常要设置不同的页边距,有时候还需要自定义页边距,这样可以很好的排版。排版中时常需要设置页边距,这样可以让排版更加美观整洁。以下是小编为您带来的关于Word2016设置不同页边距的教程,希望对…

nodejs实现发出蜂鸣声音 | 系统报

nodejs实现发出蜂鸣声音 | 系统报

方法,系统,声音,蜂鸣,电脑软件,本文实例讲述了nodejs实现发出蜂鸣声音(系统报警声)的方法。分享给大家供大家参考,具体如下:nodejs 有时候需要发出报警声音,使用以下代码可以调用系统蜂鸣器发声process.stdout.write('\x07')另外附上我自己…

防止页面url缓存中ajax中post请求

防止页面url缓存中ajax中post请求

请求,处理方法,缓存,页面,电脑软件,防止页面url缓存中ajax中post请求的处理方法 一般我们在开发中经常会用到Ajax请求,异步发送请求,然后获取我们想要的数据,在Ajax中使用Get请求数据不会有页面缓存的问题,而使用POST请求可是有时候页面会缓…

ps处理如何设置颜色

ps处理如何设置颜色

方法,设置,颜色,如何设置,图片,  大家处理图片时一定要设置颜色,这样我们在ps中才可以方便使用。那么大家知道ps处理图片如何设置颜色吗?下面是小编整理的ps处理图片如何设置颜色的方法,希望能帮到大家!ps处理图片设置颜色的方法我们先是要…

Excel2007的新功能有哪些

Excel2007的新功能有哪些

新功能,有哪些,电脑软件,  Excel2007目前在市场使用率还是蛮高的,作为Excel2007的开版之作,还是要给大家说说Excel2007的新功能。以下是小编为您带来的关于Excel2007的新功能介绍,希望对您有所帮助。Excel2007的新功能介绍Excel 2007较之以…