文档章节

ECMAScript 6 let 命令介绍

AAASSSSddd
 AAASSSSddd
发布于 2016/11/30 18:45
字数 1264
阅读 22
收藏 0
点赞 0
评论 0

一、使用 let 命令来声明变量的总结

ES6新增了let命令 ,它是一个块级域的局部变量,并且可以给它一个初始化值。let允许把变量的作用域限制在块级域中。与 var 不同处是:var申明变量要么是全局的,要么是函数级的,而无法是块级的。let声明的变量作用域包含定义它的块以及任何包含的子块中。在这方面,letvar非常像。它们之间主要的区别在于一个var变量的作用域是整个封闭函数。

  • 它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
  • let命令声明的变量在循环体内的时候每次都是一个新的变量。
  • 不存在变量提升。
  • 暂时性死区(只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。ES6明确规定,如果区块中存在letconst命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错)。
  • 不允许重复声明。

 二、let声明的变量只在它所在的代码块有效

{
	let a = 10;
	var b = 1;
}
//console.log(b);		//1
//console.log(a);		//not defined
//for循环的计数器,就很合适使用let命令。
//计数器i只在for循环体内有效,在循环体外引用就会报错。
for (let i = 0; i < 10; i++) {
	//console.log(i);
}
//console.log(i); //not defined
	

三、let命令声明的变量在循环体内的时候每次都是一个新的变量

var a = [];

for (let j = 0; j < 10; j++) {
	a[j] = function(){
		return j;
	}
}

a[5]();		//5
a[4]();		//4
//上面代码中,变量j是let声明的,当前的j只在本轮循环有效,所以每一次循环的j其实都是一个新的变量,所以最后输出的是j。

四、不存在变量提升


console.log(foo);	//undefined
console.log(bar);	//not defined
var foo = 2;
let bar = 2;

五、暂时性死区

//ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。
//凡是在声明之前就使用这些变量,就会报错。
//总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的。
var temp;
	
if( true ){
	temp = 'abc';		//temp is not defined(…)
	let temp;
}
var temp;
		
if( true ){
	//temp = 'abc';	        //not defined
	//console.log(temp);	//not defined
	
	let temp;
	console.log(temp);		//undefined
	temp =  3;		
	console.log(temp);		//3
}
//“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。
typeof x;		//not defined
let x;
//上面代码中,undeclared_variable是一个不存在的变量名,结果返回“undefined”。
//所以,在没有let之前,typeof运算符是百分之百安全的,永远不会报错。现在这一点不成立了。
//这样的设计是为了让大家养成良好的编程习惯,变量一定要在声明之后使用,否则就报错。
console.log(typeof undeclared_variable);	//undefined

在 ECMAScript  2015中, let将会提升这个变量到语句块的顶部。然而,在这个语句块中,在变量声明之前引用这个变量会导致一个ReferenceError。 因为let变量 在"暂存死区" (从块的开始到声明这段)。总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

六、不允许重复声明

//Identifier 'a' has already been declared
(function (){
	let a = 10;
	var a = 1;
}());

//Identifier 'b' has already been declared
(function (){
	let b = 10;
	let b = 1;
}());
//因此,不能在函数内部重新声明参数。
//Identifier 'arg' has already been declared
function func(arg) {
	let arg; // 报错
}
switch (x) {
  case 0:
    let foo;
    break;
    
  case 1:
    let foo; // Identifier 'foo' has already been declared
    break;
}

 

//let后跟一个函数传递的参数时将导致循环内部报错。
function go(n){
  for (let n of n.a) { // TypeError: n is not defined(…)
    console.log(n);
  }
}
go({a:[1,2,3]});
//函数内加入一个代码块就不会报错
function func(arg) {
  {
    let arg; // 不报错
  }
}

七、总结

let语句块为变量提供了局部作用域。它的作用是在单一代码块的词法范围内绑定零个或多个变量; 此外与普通语句块没有任何区别。需要特别注意的是, 在let语句块内使用 var 声明的变量,它的作用域与在let语句块之外声明没有区别;这样的变量仍然具有函数作用域。在使用let语句块时,必须使用花括号,否则会导致语法错误。

八、参考链接

http://es6.ruanyifeng.com/#docs/let

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/let

https://stackoverflow.com/questions/37916940/js-why-let-have-this-name

© 著作权归作者所有

共有 人打赏支持
AAASSSSddd
粉丝 17
博文 44
码字总数 48587
作品 0
杭州
程序员
JavaScript 编年小史

1995 由 Netscape 公司雇员Brendan Eich 花不到 10 天时间开发出来。之所以叫 JavaScript,因为 Netscape 想开发一款类 Java 的脚本语言来增强 Web 技术用于和微软竞争。 1996 Netscape 提交...

CPPAlien ⋅ 05/09 ⋅ 0

第一章--JavaScript简介

1. JavaScript的构成 1.1. ECMAScript ECMAScript规定了核心语言的组成部分分别为:语法、类型、语句、关键字、保留字、操作符、对象。 宿主环境:Web浏览器、Node、Adobe Flash。 1.2. DOM...

lovewt ⋅ 06/05 ⋅ 0

python_day14_前端_JS-重写

说明 ECMA(欧洲计算机制造协会)   ECMA(欧洲计算机制造协会)定义了ECMA-262规范.国际标准化组织及国际电工委员会(ISO/IEC)也采纳 ECMAScript 作为标准(ISO/IEC-16262)。从此,Web 浏览...

812374156 ⋅ 05/25 ⋅ 0

ECMAScript 6 学习笔记(1)--编译环境搭建(VScode)

参考文档:http://es6.ruanyifeng.com/#docs/intro https://www.w3cschool.cn/ecmascript/ ECMAScript是一种定义脚本语言的规范,Javascript正是基于这种规范的一种实现。JavaScript是一种弱...

wx599c47c7bdcad ⋅ 05/18 ⋅ 0

JavaScript 函数深入学习

1 函数 每个函数都是 Function 类型的实例,且都与其他引用类型一样具有属性和方法。由于函数式对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。 1.1 函数概述 1.1....

piada ⋅ 05/15 ⋅ 0

PowJS 更新至 2.2.0,Real-DOM 模板引擎创始者

PowJS 2.2.0 已发布,PowJS 是一个 ECMAScript 6 编译型 Real-DOM 模板引擎. Real DOM 直接在 DOM Tree 上编译, 渲染. DOM Tree 就是模板.原生语法 指令与 ECMAScript 原生语法对应导出视图 ...

喻恒春 ⋅ 05/18 ⋅ 0

融合了 JavaScript 之力的 Nashorn 或被 JDK 11 弃用

还没有使用过 Nashorn ?如果感兴趣的话,建议尽快去尝试一下,因为 Jim Laskey 最近提交了一个新的 JEP 335 草案,准备弃用 Nashorn JavaScript 脚本引擎、API 以及该 jjs 工具。 从 JDK 6 ...

王练 ⋅ 06/08 ⋅ 0

30 天精通 RxJS (00): 关于本系列文章

前言 笔者从去年就一直想参加铁人赛 30 天,一方面是希望利用机会把自己的所学做一次整理,另一方面想训练自己组织文章的能力。去年的时候我想写 ECMAScript 2015,也准备了一段时间,结果没...

readilen ⋅ 05/19 ⋅ 0

前端基础之JavaScript

一、JavaScript的历史 略 二、ECMAScript 注:ES6就是指ECMAScript 6。 尽管 ECMAScript 是一个重要的标准,但它并不是 JavaScript 唯一的部分,当然,也不是唯一被标准化的部分。实际上,一...

西鼠 ⋅ 05/09 ⋅ 0

Chrome V8 与 Node.js

从某种意义上来说,Node.js 并不是一个从零开始编写的 JavaScript 运行时,它其实也是站在“巨人的肩膀”上进行了一系列的拼凑和封装得到的结果。它的高效离不开一些很牛的第三方程序和类库。...

博文视点 ⋅ 06/14 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

BS与CS的联系与区别【简】

C/S是Client/Server的缩写。服务器通常采用高性能的PC、工作站或小型机,并采用大型数据库系统,如Oracle、Sybase、InFORMix或 SQL Server。客户端需要安装专用的客户端软件。 B/S是Brower/...

anlve ⋅ 34分钟前 ⋅ 0

发生了什么?Linus 又发怒了?

在一个 Linux 内核 4.18-rc1 的 Pull Request 中,开发者 Andy Shevchenko 表示其在对设备属性框架进行更新时,移除了 union 别名,这引发了 Linus 的暴怒。 这一次 Linus Torvalds 发怒的原...

问题终结者 ⋅ 54分钟前 ⋅ 0

在树莓派上搭建一个maven仓库

在树莓派上搭建一个maven仓库 20180618 lambo init 项目说明 家里有台树莓派性能太慢。想搭建一个maven私服, 使用nexus或者 jfrog-artifactory 运行的够呛。怎么办呢,手写一个吧.所在这个...

林小宝 ⋅ 今天 ⋅ 0

Spring发展历程总结

转自与 https://www.cnblogs.com/RunForLove/p/4641672.html 目前很多公司的架构,从Struts2迁移到了SpringMVC。你有想过为什么不使用Servlet+JSP来构建Java web项目,而是采用SpringMVC呢?...

onedotdot ⋅ 今天 ⋅ 0

Python模块/包/库安装(6种方法)

Python模块/包/库安装(6种方法) 冰颖机器人 2016-11-29 21:33:26 一、方法1: 单文件模块 直接把文件拷贝到 $python_dir/Lib 二、方法2: 多文件模块,带setup.py 下载模块包(压缩文件zip...

cswangyx ⋅ 今天 ⋅ 0

零基础学习大数据人工智能,学习路线篇!系统规划大数据之路?

大数据处理技术怎么学习呢?首先我们要学习Python语言和Linux操作系统,这两个是学习大数据的基础,学习的顺序不分前后。 Python:Python 的排名从去年开始就借助人工智能持续上升,现在它已经...

董黎明 ⋅ 今天 ⋅ 0

openJdk和sun jdk的区别

使用过LINUX的人都应该知道,在大多数LINUX发行版本里,内置或者通过软件源安装JDK的话,都是安装的OpenJDK, 那么到底什么是OpenJDK,它与SUN JDK有什么关系和区别呢? 历史上的原因是,Ope...

jason_kiss ⋅ 今天 ⋅ 0

梳理

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 它是JS的状态容器,是一种解决问题的方式,所以即可以用于 react 也可以用于 vue。 需要理解其思想及实现方式。 应用中所有的 stat...

分秒 ⋅ 今天 ⋅ 0

Java 后台判断是否为ajax请求

/** * 是否是Ajax请求 * @param request * @return */public static boolean isAjax(ServletRequest request){return "XMLHttpRequest".equalsIgnoreCase(((HttpServletReques......

JavaSon712 ⋅ 今天 ⋅ 0

Redis 单线程 为何却需要事务处理并发问题

Redis是单线程处理,也就是命令会顺序执行。那么为什么会存在并发问题呢? 个人理解是,虽然redis是单线程,但是可以同时有多个客户端访问,每个客户端会有 一个线程。客户端访问之间存在竞争...

码代码的小司机 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部