ES6
let 命令
- ES6新增了 let 命令，用于声明变量，其用法类似于var
- let 命令声明的变量仅仅在其所在代码块生效
let 声明的变量只在其所在代码块有效
{
let a=1
var b=10
}
console.log(a) // ReferenceError
console.lob(b) // 10
for循环计数器，就很适合用 let 命令
for(let i=0;i<arr.length;i++){
console.log(i)
}
不存在变量提升
变量一定要在声明后使用
console.log(foo) //ReferenceError
let foo=2
暂时性死区
块级作用域中，let命令所声明的变量，从一开始就形成封闭的作用域。
只要在声明之前使用这些变量，就会报错
if(true){ //块级作用域中
tmp='abc' //ReferenceError
console.log(tmp) //ReferenceError
let tmp //暂时性死区结束
console.log(tmp) //undefined
tmp=123
console.log(tmp) //123
}
不允许重复声明
let不允许在相同作用域内重复声明同一个变量
块级作用域
为什么需要块级作用域
ES5没有块级作用域，这带来很多不合理的场景
- 场景一：内层变量可能会覆盖外层变量
var tmp = new Date() //外层变量
function f() {
console.log(tmp)
if(false){
//内层变量，若存在块级作用域，则该tmp=123只在此块级作用域生效
var tmp = '123'
}
}
f() //undefined
输出为undefined说明内层tmp覆盖了外层tmp变量，这是由于var的变量提升导致的
- 场景二：循环变量泄露，成为全局变量
var s = 'hello'
for (var i = 0; i < s.length; i++) {
console.log(s[i])
}
console.log(i)
变量i用来控制循环，但循环结束之后没有消失，成为全局变量
ES6的块级作用域
let为javascript新增了块级作用域
function f(){
let n=5
if(true){
let n=1 //n=1仅仅在该代码块有效
}
console.log(n) //5
}
块级作用于的出现，使得立即执行匿名函数（IIFE）不再必要了
// IIFE写法
(function (){
var tmp = ...
...
}())
// 块级作用域写法
{
let tmp = ...
...
}
ES6规定：函数本身的作用域在其所在的块级作用域之内
function f() {
console.log('outside')
}
(function() {
if (false) {
function f() { console.log('inside') }
}
f()
}())
- ES5运行：
理论上
inside，但在 webstorm 是undefined。都存在变量提升
- ES6运行：
outside
const 命令
const 用来声明常量。一旦声明，其值不能改变
const 声明的变量，在声明时必须初始化
只在声明的块级作用域内有效
常量不提升，存在暂时性死区，只能在声明后使用
不可重复声明常量
注意：复合类型的变量。const 命令只是保证指向的地址不变，不保证改地址数据不变
const foo = {}
foo.prop = 123
console.log(foo) // Object {prop: 123}
全局变量对象的属性
浏览器：window
Node.js：global
- var function 声明的全局变量是全局对象的属性
- let const class 声明的全局变量不是全局对象的属性
注意：是全局变量，即在最外层声明的变量
var a=1
window.a //1
let b=2
window.b //undefined
