博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6 学习笔记 ( let 和 const )
阅读量:5993 次
发布时间:2019-06-20

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

前言

这是一篇 的学习笔记,详情请看原书。

一、let

(1)let 不存在变量提升

var 会发生“变量提升”现象,即变量可以在声明之前使用,值为undefined。

let 所声明的变量一定要在声明后使用,否则报错。

console.log(foo); // 输出undefinedvar foo = 2;console.log(bar); // 报错ReferenceErrorlet bar = 2;复制代码

(2)暂时性死区

  1. 只要块级作用域内存在 let 命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。
var tmp = 123;if (true) {  tmp = 'abc'; // ReferenceError  let tmp;}复制代码

上面代码中,存在全局变量 tmp,但是块级作用域内 let 又声明了一个局部变量tmp,导致 tmp 绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。

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

总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)。暂时性死区的本质是:只要一进入当前作用域,所要使用的变量就已经存在,但不可获取,只有等到声明之后,才可以获取和使用该变量。

  1. “暂时性死区”意味着typeof不再是一个百分之百安全的操作。
typeof x; // ReferenceErrorlet x;typeof undeclared_variable // "undefined"复制代码

上面代码中,变量 x 使用 let 声明,所以在声明之前,都属于x的“死区”,只要用到该变量就会报错。因此,typeof运行时就会抛出一个ReferenceError。如果一个变量根本没有被声明,使用typeof反而不会报错,结果返回 undefined。

  1. 隐蔽死区
function bar(x = y, y = 2) {  return [x, y];}bar(); // 报错复制代码

上面代码中,调用 bar 函数报错,是因为参数 x 默认值等于另一个参数 y ,而此时 y 还没有声明,属于“死区”。如果 y 的默认值是 x ,就不会报错,因为此时 x 已经声明了。

var x = x;// 不报错let x = x;// 报错 ReferenceError: x is not defined复制代码

上面代码报错,也是因为暂时性死区。

let 总结

  1. 不存在变量提升
  2. 暂时性死区
  3. 不允许重复声明
  4. 块级作用域(内层作用域可以定义外层作用域的同名变量。块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了。)

二、const

  1. const一旦声明变量,就必须立即初始化,不能留到以后赋值。只声明不赋值就会报错。
  2. 只在声明所在的块级作用域内有效。
  3. 存在暂时性死区,只能在声明的位置后面使用。
  4. 不可重复声明。

const 本质

const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。

杂记

(1)for循环有一个独特之处,设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。

for (let i = 0; i < 3; i++) {  console.log(i);}// 0// 1// 2复制代码

(2)顶层对象的属性

顶层对象,在浏览器环境指的是window对象,在 Node 指的是global对象。ES5 之中,顶层对象的属性与全局变量是等价的。

window.a = 1;a // 1a = 2;window.a // 2复制代码

上面代码中,顶层对象的属性赋值与全局变量的赋值,是同一件事。

从 ES6 开始,全局变量将逐步与顶层对象的属性脱钩。

var a = 1;window.a // 1let b = 1;window.b // undefined复制代码

上面代码中,全局变量a由var命令声明,所以它是顶层对象的属性。

全局变量b由let命令声明,所以它不是顶层对象的属性,返回undefined。

转载地址:http://tuxlx.baihongyu.com/

你可能感兴趣的文章
Spark 如何写入HBase/Redis/MySQL/Kafka
查看>>
E-MapReduce集群搭建HAWQ实践
查看>>
汇编语言学习:精华问题解答
查看>>
设计模式(三)之访问者模式
查看>>
[PhalApi实战篇(1)]Redis队列处理异步任务
查看>>
C++中的new、operator new与placement new
查看>>
查看文件源代码功能实现
查看>>
PostGIS 2.2.0dev(最新版)手册中文完整版
查看>>
ImagesLazyLoad 图片延迟加载效果
查看>>
Java IO编程
查看>>
前端知识点-jsonp csrf
查看>>
信息架构:看不到不代表不存在
查看>>
JSP标签 jstl 的常用方法
查看>>
数据库内核月报 - 2015 / 10-TokuDB · 捉虫动态 · CREATE DATABASE 导致crash问题
查看>>
大众点评Cat--Server模块架构分析
查看>>
精通HTML表格的使用
查看>>
MySQL和Lucene索引对比分析
查看>>
SQL To LinQ 你知道么?
查看>>
php 把对象转化为json
查看>>
高大上必备!D3.js对产品的贡献度剖析
查看>>