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

更新时间：2017年07月18日 11:02:44 作者：燕妮666_

最近在学习ES，所以想着将自己学习的一些经验技巧总结一下，方便学习，所以下面这篇文章主要跟大家分享介绍了关于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); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

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

const PI = 3.1415;
PI // 3.1415

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

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

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

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

总结

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

您可能感兴趣的文章:

一个简单的Node.js异步操作管理器分享
这篇文章主要介绍了一个简单的Node.js异步操作管理器分享,需要的朋友可以参考下
2014-04-04
javascript实现移动端红包雨页面
这篇文章主要为大家详细介绍了javascript实现移动端红包雨页面，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-06-06
JS组件Bootstrap Table表格多行拖拽效果实现代码
这篇文章主要介绍了JS组件Bootstrap Table表格多行拖拽效果实现代码，需要的朋友可以参考下
2015-12-12
浅谈webpack devtool里的7种SourceMap模式
这篇文章主要介绍了浅谈webpack devtool里的7种SourceMap模式，主要介绍了这7种模式的使用和打包编译后的结果的不同，非常具有实用价值，有兴趣的可以了解一下
2019-01-01
如何使用webpack打包一个库library的方法步骤
这篇文章主要介绍了如何使用webpack打包一个库library的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-12-12
RequireJS使用注意细节
RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。这篇文章主要介绍了RequireJS使用注意细节的相关资料,需要的朋友可以参考下
2016-05-05
提高Web性能的前端优化技巧总结
这篇文章讲述可以帮助改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升。下面跟着小编一起来看下吧
2017-02-02
JavaScript ParseFloat()方法
parseFloat()方法可以解析一个字符串，并返回一个浮点数。本文给大家分享javascript parsefloat()方法的相关知识，对javascript parsefloat相关知识感兴趣的朋友一起学习吧
2015-12-12
JS显示下拉列表框内全部元素的方法
这篇文章主要介绍了JS显示下拉列表框内全部元素的方法,涉及javascript遍历下拉列表元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
JS实现定时自动关闭DIV层提示框的方法
这篇文章主要介绍了JS实现定时自动关闭DIV层提示框的方法,可实现加载时载入js代码控制div层提示框自动关闭的效果,非常简单实用,需要的朋友可以参考下
2015-05-05