ES6——Day1（let用法）

最新推荐文章于 2021-10-11 11:31:53 发布
最新推荐文章于 2021-10-11 11:31:53 发布
阅读量419 收藏
点赞数
分类专栏： ECMAScript(ES6) ES6 文章标签： ES6 let 暂时性死区 变量提升 undefined
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxy9602/article/details/60321794
版权

1、基本用法

ES6新增了let命令，类似于javascript中的var命令

注意：它所声明的变量，只是在let命令所在的代码块有效。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>let用途</title>
<script src="../../../vendor/traceur.js"></script>
<script src="../../../vendor/bootstrap,js"></script>
<script type="text/traceur">
	var a=100;
	let=200;
	console.log(a);      //100
	console.log(b);      //200;

</script>
</head>
<body>

	...
</body>
</html>

案例解析：var可以用作全局变量，而对于let而言只能用作局部变量，只能在let所在的代码块有效。

如下所示：let只在代码块内部有效，其他的表现为undefined。

<script type="text/traceur">
{
        var a=100;
	let=200;
}
	
	console.log(a);      //100
	console.log(b);      //b is undefined.... Error

</script>


2、let不存在变量提升

（1）在ES5中

console.log("ES5:");
var a=[];
for(var i=0;i<10;i++){
	var c=i;
	a[i]=function(){
		console.log(c);
	};
};
a[5]();

结果：9

解析：由于var i作为一个全局变量，在for循环体中，i赋值给c，循环结束时，c=9，

即在console中，显示c的值“9”


（2）在ES6情况下

console.log("ES6:");
var b=[];
for(var j=0;j<10;j++){
	let d=j;
	b[j]=function(){
		console.log(d);
	};
};
b[5]();

结果：5

解析：由于在for循环体中，j逐步加1，但是在let外部，是不影响的，输出b[j]，j=5，let d，仅在let局部作用域代码块有效，即console.log(d),d=j=5。


（3）暂时性死区

只要块级作用域内存在let命令，它所声明的变量就“绑定”这个区域，不再受外部的影响。

a、无外界影响的情况

{
	console.log(a);   //undefined；
	let a=100;
	console.log(a);   //100
}

注意：在let定义变量之前，所在的区域称为“暂时性死区”，前边未定义即表示“undefined”


b、有外界影响的情况

var a=100;
{
	console.log(a);   //undefined；
	let a=100;
	console.log(a);   //100
}

在上述代码中，var a=100，表示的是在定义作用域之外的东西，即外界的东西。

但是对于let所在的作用域会绑定内部，即外部对它并不会造成什么太大的影响，结果与上述案例相同。



（4）不允许重复声明

a、模块内部不允许重复声明

{
	var a=100;
	var a=200;
}
console.log(a);			//200
{
	var b=100;
	let b=200;
}
console.log(b);
{
	let c=100;
	var c=200;
}
console.log(c);
{
	let d=100;
	var d=200;
}
console.log(d);
在上述案例中，只有第一个有效。即“var可以重复说明”。

对于let而言，无论let在块级作用域中，先定义还是后定义，定义一个还是定义两个，都会显示错误，即表示对于let这个声明变量并不能在模块内重复声明。


b、模块之间是可以重复声明

{
	var a=100;
	var a=200;
	console.log(a);
}
{
	let a=300;
	console.log(a);
}
{
	//模块内部不允许用let重复声明
	var a=1;
	let a=2;
}


注意：不可以用let重复声明。

pdsu_zhao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6——基础
01-08
ES6基础 原创文章 12获赞 1访问量 107 关注 私信 展开阅读全文 作者：普通网友Theoshen
ES6入门教程之let、const的使用方法
10-17
在ES6中，`let`和`const`是两种新的变量声明方式，它们引入了块级作用域，解决了ES5中只有全局作用域和函数作用域的局限性，有效地避免了变量提升和作用域污染的问题。 1. **let**： - **块级作用域**：`let`声明...
shell小技巧（五十七）打印乘法口诀表
bigwood99的博客
04-22 215
代码： #!/bin/bash for i in {1..9} do j=1 while [ $j -le $i ];do let x=j*i echo -ne $j "*" $i "=" $x "\t" let j=j+1 done echo " " done
Shell 下面的几种运算方式
weixin_34050005的博客
12-14 84
j=0;j=$((j+1))((j=j+1))let j=j+1;j=`expr $j + 1`j=`echo $j +1 |bc `echo $j; 转载于:https://blog.51cto.com/xiangjishi/1340621
ES6入门--let的基本使用
Hfeidz的博客
10-11 442
let命令 基本用法 ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var 声明的变量返回了正确的值。这表明，let 声明的变量只在它所在的代码块有效。 for
ES6获取日期时间方法
jhone_oo的博客
10-18 1万+
纯粹的ES6获取日期时间方法 你好！ 重点知识 数组的map方法 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 es6箭头函数 箭头函数就是函数的一种简写形式，使用括号包裹参数，跟随一个 =&gt;，紧接着是函数体 代码如下： var getPrice = function() { return 4.55;...
js 时间格式化（ES6语法）
热门推荐
a314753967的博客
09-14 1万+
formatNumber = n =&gt; { n = n.toString() return n[1] ? n : '0' + n } // 时间格式化 formatTime = date =&gt; { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.g...
es6中let和const的使用方法详解
11-21
本文实例讲述了es6中let和const的使用方法。分享给大家供大家参考，具体如下： ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 { let a = 10; var b =...
laihuamin#JS-total#ES6系列——let和const深入理解1
07-25
前言在ES6中多了两个变量定义的操作符——let和const，在现在项目中，ES6已经是不可获缺，我打算在掘金上整理一套ES6的系列，会收集常用的知识点，喜欢的
ES6之let的用法
weixin_33810302的博客
03-08 201
<!--let的使用--> 1.在相同的作用域内，let不能被重复声明 2.let声明的变量不会被预解析 3.暂时性的死区（变量在let声明前不能被访问，ES5中var 声明的变量可以提前访问，为了防止 <script> // 1.在相同的作用域内，let不能被重复声明 ES5: var a=5 console.log(a) var a=6 ...
学习总结常用的 ES6 语法（一）
周五星的博客
05-06 530
一、 变量（let）与常量定义（const） 1. let的命令 let 不允许重复声明 var 变量可以重复声明 let 变量不允许在相同作用域内重复声明(const一样)(通常说一个{}就是一个作用域) let不存在变量提升 var 和function 命令存在变量提升(var只会先提前声明 function既提前声明又定义) let命令不存在变量提升(const一样) ...
ES6——let和const的用法
云_飞扬
09-20 636
一、let 1.let命令， 用于声明变量，只在let命令所在的代码块内有效 es5中的作用域有两种，全局作用域和函数作用域，es6中let为js新加入了块级作用域，这表示外层代码块不受内层代码块的影响。let命令只在当前块级作用域内有效。ES6 允许块级作用域的任意嵌套。允许在块级作用域之中声明函数，但是该函数只能在该块级作用域内有效。 注：在es6的浏览器中，es6为了兼容老代码，有如下规...
(())、let、expr、bc等计算命令的使用语法和应用技巧
08-04 6790
转自：原文地址：http://oldboy.blog.51cto.com/2561410/767862 思路集锦： ①.C语言型for循环结构及(())计算式shell脚本 [oldboy@student ~]$  cat for1.sh #!/bin/sh j=0 for((i=0; i do     ((j=j+i)) done echo $j 写成一行的命令行
es6 let命令的基本用法
loushengyue
06-04 516
es6 let命令的基本用法 let命令的定义   首先，let 命令是 ES6 新增的，也是用来声明变量的，但它与 var 不同的是：“只在 let 命令所在的代码块内有效”。换一句话说就是：“let 命令声明的变量只在当前作用域内有效（包括它的子作用域）”。那么结合它的特征概括起来就是：“let 是 ES6 用来声明只在当前作用域内有效，不存在变量提升，不能重复声明的，会形成暂时性死区...
vue时间戳格式化为日期格式
weixin_43778272的博客
07-05 137
vue时间戳格式化为日期格式 filters: { formatDate: function (value) { let date = new Date(value*1000); let y = date.getFullYear(); let MM = date.getMonth() + 1; ...
js,新增ES6 语法
mrz123123123的博客
06-26 363
一，生名变量 1.let 可以更加规范的编写代码 具有全局性 let a = 100 let b = 200 function fun(){ console.log(a + b) // 300 } fun() 2.const 定义后的变量，将会无法更改 const a = 100 console.log(a) //100 a = 200 console.log(a) // 跑错 二，赋值 1，传统赋值 var a = 10 let
mysql镜像修改时区
Small_StarOne的博客
11-02 544
在使用时MySQL镜像时，初始时区时UTC 0时区，我们平常使用的时CTS-8时区的时间。 对mysql 镜像进行修改时区。下面介绍几种方式 第一种：通过挂载的方式 #前提时服务器时间时CTS +8 时间 docker run --name mysql -p30306:3306 -v /ect/localtime:/ect/localtime -d <mysql镜像> #然后通过命令，进入容器 docker exec -it imageId bash #执行命令,查看时间 date -R
ES6日期函数整理(常用)
Lin 的博客
08-12 8170
年月日时分秒获取 一、得到日期的年 let date = new Date(); let year = date.getFullYear(); 二、得到日期的月 let month=date.getMonth()+1; // 拿到的 month 值一般是从0开始的，所以需要+1 三、得到日期的日(具体几号) let date = date.getDate(); 四、得到星期几 let da...
ES6新特性：let、const与解构赋值解析
"本文介绍了ECMAScript 6（ES6）的基本语法和新增特性，包括let与const关键字的使用，变量作用域，解构赋值，以及默认参数等核心概念。" ES6，全称ECMAScript 2015，是JavaScript语言的一个重要版本更新，旨在提升...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值