JavaScript 声明、声明提升

[afishhhhh]

1. 声明

JS 中有3种声明方式：var，let 以及 const。

var

var 变量声明的作用域是当前的执行环境，函数或者全局，不具有块级作用域。

let 和 const

let 和 const 都具有块级作用域，前者用于变量，后者用于常量。

在全局作用域，var 声明的变量会成为 window 的一个属性，let 和 const 则不会。

已声明变量和未声明变量

• 已声明变量总是被绑定在当前的作用域，函数或者全局；，未声明变量总是全局的（成为 window 的一个属性）。
• 已声明变量在执行代码前就已经被创建，未声明变量直到赋值时才被创建。
• 已声明变量是不可配置的（configurable: false），未声明变量是可配置的（configurable: true）。

var varname1 = 'varname1'
varname2 = 'varname2'
Object.getOwnPropertyDescriptor(window, 'varname1')
Object.getOwnPropertyDescriptor(window, 'varname2')

[afishhhhh]

2. 声明提升

var、let、const 以及 function 声明无论发生在哪里，都会在执行代码之前被处理，也就是声明提升，声明被提升至当前作用域的顶部。

2.1 var hoisting

console.log(varname) // undefined
var varname = 'someValue'

以上代码等价于

var varname
console.log(varname)
varname = 'someValue'

var 声明提升之后，varname 会被初始化为 undefined，所以 console.log(varname) 会打印出 undefined，直到代码执行至 varname 的赋值语句。

2.2 let hoisting

• let 也会发生声明提升，与 var 不同的是，前者不会在提升之后初始化，直至初始化语句被执行时才能被正确访问到。
• 块开始的地方直到变量被初始化，该变量处在暂存死区（Temporal Dead Zone）之中。

暂存死区同样适用于 const。

[afishhhhh]

参考

https://stackoverflow.com/questions/31219420/are-variables-declared-with-let-or-const-not-hoisted-in-es6#
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let