xiaoc的博客

Let 和 Const

# Let 和 Const

# 作用域

// 全局作用域
window \ global \ globalThis

// 函数作用域
function(){
  // 作用域范围
}

// 块级作用域
{
  // let / const
}

// 动态作用域
this

  1. ES5 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。

  2. ES6 规定，块级作用域之中，函数声明语句的行为类似于let，在块级作用域之外不可引用。

  3. ES6 的块级作用域必须有大括号

# 暂时性死区

  1. let 和 const声明的 存在 暂时性死区

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

  3. 凡是在声明之前就使用这些变量，就会报错

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

# 不允许重复声明

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

# ES6 的块级作用域必须有大括号

ES5 只有两种声明变量的方法：var命令和function命令。
ES6 除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命令和class命令。
所以，ES6 一共有 6 种声明变量的方法。

# 顶层对象的属性

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

var命令和function命令声明的全局变量，依旧是顶层对象的属性； let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性。

# globalThis 对象

JavaScript 语言存在一个顶层对象，它提供全局环境（即全局作用域），所有代码都是在这个环境中运行。但是，顶层对象在各种实现里面是不统一的。

// 获取全局对象的方法

// 方法一
(typeof window !== 'undefined'
   ? window
   : (typeof process === 'object' &&
      typeof require === 'function' &&
      typeof global === 'object')
     ? global
     : this);

// 方法二
var getGlobal = function () {
  if (typeof self !== 'undefined') { return self; }
  if (typeof window !== 'undefined') { return window; }
  if (typeof global !== 'undefined') { return global; }
  throw new Error('unable to locate global object');
};

ES2020 在语言标准的层面，引入 globalThis 作为顶层对象。也就是说，任何环境下，globalThis 都是存在的，都可以从它拿到顶层对象，指向全局环境下的 this。

垫片库 global-this 模拟了这个提案，可以在所有环境拿到 globalThis。

# 说明

let 声明具有局部作用域的变量，变量在当前块级作用域内有效，初始化不做变量提升，不可重复声明，声明后可以修改

const 声明具有局部作用域的常量，常量在当前块级作用域内有效，初始化不做变量提升，不可重复声明，声明后不可修改

var 声明变量，具有函数作用域或全局作用域，初始化时存在变量提升，可重复声明，声明后可修改

# 注意事项

在全局作用域中，var 声明的会挂载到 window 上，let 和 const 声明的则不会

var a = 1;
console.log(window.a) // 1

const b = 2;
let c = 3;
console.log(b) // undefined
console.log(c) // undefined

使用 var 声明 和 没有声明 直接使用的变量 存在区别

var a = 1; // 全局变量
b = 2 // 全局属性 挂载在window上
console.log(window.a) // 1
console.log(window.b) // 2

delete window.a
console.log(a) // 1
delete window.b
console.log(b) // undefined

// 变量不能被删除 属性可以被删除

参考文章 (opens new window)

Number