博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS ES6 -- let命令
阅读量:4709 次
发布时间:2019-06-10

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

  1、ES6新增了块级作用域的letconst

       这新特性let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

  for循环的计数器,就很合适使用let命令。

  下面的代码如果使用var,最后输出的是10

var a = [];for (var i = 0; i < 10; i++) {  a[i] = function () {    console.log(i);  };}a[6](); // 10

  上面代码中,变量ivar声明的,在全局范围内都有效。所以每一次循环,新的i值都会覆盖旧值,导致最后输出的是最后一轮的i的值。(常见于闭包的考察)

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

var a = [];for (let i = 0; i < 10; i++) {  a[i] = function () {    console.log(i);  };}a[6](); // 6

  上面代码中,变量ilet声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6

  JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。

  另外,for循环还有一个特别之处,就是循环语句部分是一个父作用域,而循环体内部是一个单独的子作用域。

  不存在变量提升

  var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined。这种现象多多少少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用。

为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。

  暂时性死区

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

  ES6明确规定,如果区块中存在letconst命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。

  总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)。

  “暂时性死区”也意味着typeof不再是一个百分之百安全的操作(会使typeof报错)。

  总之,暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。

  不允许重复声明

  let不允许在相同作用域内,重复声明同一个变量。

 

转载于:https://www.cnblogs.com/pyspang/p/10892255.html

你可能感兴趣的文章
iOS之核心动画(Core Animation)
查看>>
IOS UI 第九篇: UITABLEVIEW
查看>>
聊一聊PV和并发
查看>>
Django打造在线教育平台_day_3: 搭建后台管理系统Xadmin
查看>>
JS 语言基础
查看>>
等精度测频
查看>>
01-点语法
查看>>
字符串正则匹配替换
查看>>
程序员的 59 条搞笑但却真实无比的编程语录
查看>>
Redis
查看>>
C#中创建、打开、读取、写入、保存Excel的一般性代码
查看>>
数据结构与算法之美-排序(上)
查看>>
归并排序笔记2
查看>>
关于一个类中方法调用种种情况
查看>>
linux下查看文件夹的大小
查看>>
mvc页面中,显示自定义时间格式
查看>>
不支持uri格式
查看>>
Linux crontab计划任务
查看>>
疯掉的拼接
查看>>
Jupyter Notebook 快捷键使用指南
查看>>