一、let命令
不存在变量提升。es5的var
会存在变量提升问题,但是es6的let
和const
不会存在变量提升问题。 暂时性死区。只要在块级作用域内存在let
命令,它所声明的变量就绑定在这个区域,不再受外部的影响。es6明确规定,如果区块中存在let
和const
命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域,凡是在声明之前就使用这些变量,就会报错。即使是使用typeof
也会报错。
var tmp = 123 ;
if ( true ) {
tmp = "abc" ;
let tmp;
}
不允许重复声明。let
和const
不允许在相同的作用域内,重复声明同一个变量。
function func ( ) {
let a = 10 ;
var a = 1 ;
}
function func ( ) {
let a = 10 ;
let a = 1 ;
}
function func ( arg) {
let arg;
}
function func ( arg) {
{
let arg;
}
}
二、块级作用域
es5只有全局作用域和函数作用域,没有块级作用域。这可能导致很多不合理的场景。
var tmp = 123 ;
function f ( ) {
console. log ( tmp) ;
if ( false ) {
var tmp = 'hello world' ;
}
}
f ( ) ;
var s = 'hello' ;
for ( var i = 0 ; i < s. length; i++ ) {
console. log ( s[ i] ) ;
}
console. log ( i) ;
es6的块级作用域
function f1 ( ) {
let n = 5 ;
if ( true ) {
let n = 10 ;
}
console. log ( n) ;
}
es6允许块级作用域的任意嵌套,块级作用域的出现,使得广泛应用的立即执行函数表达式(IIFE)不再必要,块级作用域不返回值,除非它是全局变量。
( function ( ) {
var tmp = ... ;
...
} ( ) ) ;
{
let tmp = ... ;
...
}
三、const命令
const
声明一个只读的常量,一旦声明,常量的值就不能改变。const
一旦声明变量,就必须立即初始化,不能留到以后赋值。const
限定的是赋值行为。
const a = 1 ;
a = 2 ;
const arr = [ ] ;
arr. push ( 1 )
arr = [ ] ;
四、顶层对象属性与全局变量
顶层对象,在浏览器环境指的是window
对象,在 node 指的是global
对象。ES5 之中,顶层对象的属性与全局变量是等价的。
window. a = 1 ;
a
a = 2 ;
window. a
es6中引入的let
、const
、class
声明的全局变量不再属于顶层对象的属性。但是var
、function
声明的变量依然属于全局对象的属性。
var a = 1 ;
window. a
let b = 1 ;
window. b