博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ECMAScript 6 let 命令介绍
阅读量:7063 次
发布时间:2019-06-28

本文共 2589 字,大约阅读时间需要 8 分钟。

hot3.png

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

四、不存在变量提升

console.log(foo);	//undefinedconsole.log(bar);	//not definedvar 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 definedlet 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 declaredfunction 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语句块时,必须使用花括号,否则会导致语法错误。

八、参考链接

转载于:https://my.oschina.net/tianshuo/blog/796951

你可能感兴趣的文章
[SQL]mysql密码读取
查看>>
Exchange 2013 配置邮件流
查看>>
复习(2)
查看>>
MAC OS X & IOS系统调用的处理
查看>>
[Python] 输入与输出
查看>>
spring依赖注入的3种方式
查看>>
windos使用nslookup查询mx记录
查看>>
【MySQL】SQL 里面的字符串操作
查看>>
安装rrdtool时候的报错configure: error: Please fix the library issues listed above and try again....
查看>>
创建一个10G可用空间的RAID5
查看>>
snmp安装
查看>>
elasticsearch常用操作命令
查看>>
设置sqlplus提示符
查看>>
存储类说明符
查看>>
MySQL 简易序列
查看>>
nginx keepalive
查看>>
Markdown 语法说明
查看>>
CentOS 7.0安装配置LAMP服务器(Apache+PHP+MariaDB)
查看>>
Django 跨表查询--神奇的双下划线和点
查看>>
h3cte D图 搭建
查看>>