let的含义及let与var的区别:

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

如下:

  1. for (let i = 0; i < 10; i++) {
  2. console.log(i);
  3. }
  4. console.log('aaa');
  5. console.log(i); // i is not defined

上面代码中,计数器i只在for循环体内有效,在循环体外引用就会报错。如下var代码:

  1. var a = [];
  2. for (var i = 0; i < 10; i++) {
  3. a[i] = function() {
  4. console.log(i);
  5. }
  6. }
  7. a[6](); // 10

变量i是var声明的,在全局范围内都有效,所以每一次循环,新的i值都会覆盖旧值,导致最后输出的是最后一轮i的值。

但是如果使用let,声明的变量仅在块级作用域内有效,最后输出的是6. 如下:

  1. var b = [];
  2. for (let j = 0; j < 10; j++) {
  3. b[j] = function() {
  4. console.log(j);
  5. }
  6. }
  7. b[6](); // 6

不存在变量提升

let 不像var 那样会发生 ‘变量提升’ 现象,因此,变量需要先声明然后再使用,否则报错;

  1. // var 的情况
  2. console.log(foo); // undefined
  3. var foo = 2;
  4.  
  5. // let的情况;
  6. console.log(bar); // 报错
  7. let bar = 2;

暂时性死区

快级作用域内存在let命令,它所声明的变量就绑定在这个区域,不再受外部影响;如下代码:

  1. var tmp = 123;
  2. if (true) {
  3. tmp = 'abc';
  4. let tmp;
  5. console.log(tmp); // tmp is not defined
  6. }

上面代码定于全局变量tmp,但是在快级作用域内let又声明了一个局部变量tmp,导致绑定了这个快级作用域;因此打印出tmp会报错。

不允许重复声明

let 不允许在相同作用域内,重复声明同一个变量。如下代码排错

  1. function a() {
  2. let a = 10;
  3. var a = 1;
  4. console.log(a);
  5. }
  6. a();
  7. function a() {
  8. let a1 = 10;
  9. let a1 = 1;
  10. console.log(a1);
  11. }
  12. a();

也不能在函数内部重新声明参数。

  1. function func1(arg) {
  2. let arg; // 报错
  3. }
  4. function func2(arg) {
  5. {
  6. let arg; // 不报错
  7. }
  8. }

ES6的块级作用域

  1. function f1() {
  2. let n = 5;
  3. if (true) {
  4. let n = 10;
  5. }
  6. console.log(n); // 5
  7. }
  8. f1()

上面的代码有2个代码块,都声明了变量n,运行后输出5,说明了外层代码块不受内层代码块的影响,如果使用了变量var,那么输出的就是10;

const命令

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

如下代码:

  1. const a = 1;
  2. a = 2;
  3. console.log(a); //报错

也就是说 const 一旦声明了变量,就必须初始化,不能留到以后赋值。如果使用const声明一个变量,但是不赋值,也会报错;如下代码:

  1. const aa; // 报错

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

  1. if (true) {
  2. const aa = 1;
  3. }
  4. console.log(aa); // 报错

不可重复声明 (和let一样)

  1. var message = "Hello!";
  2. let age = 25;
  3. // 以下两行都会报错
  4. const message = "Goodbye!";
  5. const age = 30;

但是对于复合类型的变量,比如数组,存储的是一个地址,不可改变的是这个地址,即不能把一个地址指向另一个地址,但是对象本身是可变的,比如可以给它添加新的属性;如下代码:

  1. const a33 = [];
  2. a33.push('Hello'); // 可执行
  3. a33.length = 0; // 可执行
  4. a33 = ['55'] // 报错

  

ES6中var/let/const的区别的更多相关文章

  1. es6中 var 和 let的区别

    区别1:var没有块级作用域,只有 函数级作用域 和 全局作用域:let有块级作用域 function fn() { { var a = 10; } console.log(a) //输出10 } f ...

  2. 【ES6 】var/let/const的区别

    var 声明变量 没有区级作用域 可以预解析 可以重复定义 声明的全局变量属于顶层对象(window)的属性 let 声明变量 有块级作用域 没有预解析 不可以重复定义 声明的全局变量不属于顶层对象( ...

  3. Es6中let与const的区别:(神奇的块级作用域)

    所谓的块级作用域:形成一个暂时性的死区:{    } 一.共同点: a:都是用来声明变量: b:都能形成一个块级作用域: c:都只能在声明变量的块级作用域里面有效: 二.不同点: 1.let: a:在 ...

  4. 【前端面试】(四)JavaScript var let const的区别

    视频链接: JavaScript var let const的区别 - Web前端工程师面试题讲解 参考链接: JavaScript 变量 JavaScript Let JavaScript Cons ...

  5. 浅谈JS中 var let const 变量声明

    浅谈JS中 var let const 变量声明 用var来声明变量会出现的问题: 1. 允许重复的变量声明:导致数据被覆盖 2. 变量提升:怪异的数据访问.闭包问题 3. 全局变量挂载到全局对象:全 ...

  6. var let const 的区别

    Var let const 的区别 1.Var 定义的变量存在变量提升,而了let和const不存在变量提升.即在定义的变量代码上使用该变量,var的会输出undefined,而let的会报错. 2. ...

  7. javascript中var let const三种变量声明方式

    javascript中var let const三种变量声明方式 1.var  ①var表示声明了一个变量,并且可以同时初始化该变量. ②使用var语句声明的变量的作用域是当前执行位置的上下文:一个函 ...

  8. ES6中let、const和var的区别

    一.let 1.基本用法 ES6 新增了let命令,用来声明变量. let 的用法类似于 var,但所声明的变量只在 let 命令所在的代码块内有效(一个“{}”相当于一个代码块) { let a = ...

  9. js中定义变量之②var let const的区别

    var 上一篇文章有讲过,是js定义变量的关键词. 但是在es6中,新添加了两个关键词,用于变量声明的关键词:let 和const 接下来就说一下var let 和const的区别: 首先说var 用 ...

随机推荐

  1. 问题:Linux报swap空间占用过高,但物理内存还有空余

    报错 收到报警,swap空间占用过高,登录到系统查看内存使用详情,看到物理内存还有很多未使用 问题分析 Swap配置对性能的影响分配太多的Swap空间会浪费磁盘空间,而Swap空间太少,则系统会发生错 ...

  2. TreeMap,HashMap,LinkedHashMap区别,很简单解释

    TreeMap,HashMap,LinkedHashMap之间的区别和TreeSet,HashSet,LinkedHashSet之间的区别相似. TreeMap:内部排序. HashMap:无序. L ...

  3. springBoot整合jpa

    https://blog.csdn.net/qq_35180973/article/details/82316438 总体来讲只是在service调用dao的时候用接口代替dao继承CrudRepos ...

  4. Vue-admin工作整理(十三):Vuex-严格模式

    严格模式:开发过程中对规范的要求,定义方式为在store实例初始化的时候将strict设置为true,这样的话就是开启了严格模式.在这种情况下,如果要直接修改state里面的值,那就会报问题.那么也可 ...

  5. Xilinx Vivado的使用详细介绍(5):调用用户自定义封装的IP核

    Zedboard OLED Display Controller IP v1 介绍 Author:zhangxianhe 本文档提供了快速添加,连接和使用ZedboardOLED v1.0 IP内核的 ...

  6. 第 10 章 容器监控 - 080 - Weave Scope 容器地图

    Weave Scope 容器地图 Weave Scope 的最大特点是会自动生成一张 Docker 容器地图,让我们能够直观地理解.监控和控制容器. 安装 执行如下脚本安装运行 Weave Scope ...

  7. Elinks介绍

    Elinks是基于文本的免费浏览器,用于Unix及基于Unix的系统.Elinks支持 HTTP,HTTP Cookies以及支持浏览Perl和Ruby脚本.也很好的支持选项卡浏览.最棒的是它支持鼠标 ...

  8. ftp定时任务-日志备份

    1. 安装 #yum -y install vsftpd 2. 修改配置文件 #vi /etc/vsftpd/vsftpd.conf FTP服务器的默认目录是/var/ftp,而且当用户以匿名方式登录 ...

  9. Android屏幕适配框架-(今日头条终极适配方案)

    在Android开发中,屏幕适配是一个非常头痛的问题,因而为了去进行屏幕适配,作为程序员,是呕心沥血,历经磨难,哈哈 我们之前做屏幕适配一般都会用到一下两种方式: 第一种就是宽高限定符适配,什么是宽高 ...

  10. 跟我一步一步写出MongoDB Web 可视化工具(一)

    前言 距离上一次写博客,已经不记得大概有多长时间了, 是时候继续前行了... MongoStudio 是一个Web的 MongoDB可视化操作工具, 一年半前已经写好, 但是总觉得不足, 现从头开始. ...