一、var) ~0 U/ K& G B3 Y% j! g V
在ES5中,顶层对象的属性和全局变量是等价的,用var声明的变量既是全局变量,也是顶层变量。# Q& L7 ?1 y7 J- K+ }
注意:顶层对象,在浏览器环境指的是window对象,在 Node 指的是global对象。 # @ t _4 O& E' p
var a = 20
let b = 20
const a = 30
const b = 30
// 都会报错
const实际上保证的并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据,值就保存在变量指向的那个内存地址,因此等同于常量。对于复杂类型的数据,变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的,并不能确保改变量的结构不变。# j c8 ]. L6 K) n e P
// var
console.log(a) // undefined
var a = 10
// let
console.log(b) // Cannot access 'b' before initialization
let b = 10
// const
console.log(c) // Cannot access 'c' before initialization
const c = 10
暂时性死区 1 h+ K1 M H h: g, x var不存在暂时性死区,let和const存在暂时性死区,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。. ?! O) h* y) K& o5 H2 r
// var
console.log(a) // undefined
var a = 10
// let
console.log(b) // Cannot access 'b' before initialization
let b = 10
// const
console.log(c) // Cannot access 'c' before initialization
const c = 10
块级作用域 $ @& ]0 N. U4 D8 V" v9 Y2 p! B- V var不存在块级作用域,let和const存在块级作用域。) a# F# I+ |: K
// var
{
var a = 20
}
console.log(a) // 20
// let
{
let b = 20
}
console.log(b) // Uncaught ReferenceError: b is not defined
// const
{
const c = 20
}
console.log(c) // Uncaught ReferenceError: c is not defined
重复声明 3 z( B- B. ` ~1 V2 Z var允许重复声明变量,let和const在同一作用域不允许重复声明变量。6 [' S% p# X/ ~+ o) @
// var
var a = 10
var a = 20 // 20
// let
let b = 10
let b = 20 // Identifier 'b' has already been declared
// const
const c = 10
const c = 20 // Identifier 'c' has already been declared
// var
var a = 10
a = 20
console.log(a) // 20
//let
let b = 10
b = 20
console.log(b) // 20
// const
const c = 10
c = 20
console.log(c) // Uncaught TypeError: Assignment to constant variable
使用- @( t) C/ D2 X H- ^( I, k
能用const的情况尽量使用const,其他情况下大多数使用let,避免使用var。