let 命令
let声明的变量仅在声明的代码块内有效
for循环,循环体内部是一个单独的作用域:
for(let i = 0; i < 3; i++ ) {
let i = 'abc';
console.log(i)
}
// abc
// abc
// abc
不存在变量提升
var声明之前调用显示undefined,
let声明之前调用会报错
暂时性死区
只要块级作用域内存在let声明,变量就会绑定在这个区域,不再受外部影响
var tmp = 123;
if (true) {
tmp = 'abc'; // 报错
let tmp;
}
一些隐蔽的死区:
let x = x; // 报错
function bar(x = y, y = 2) {
return [x, y]
}
bar(); // 报错
不允许重复声明
let不允许在相同作用域内重复声明同一个变量(不可在函数内部重新声明参数)
ES5中的变量声明和函数声明会提升到全局作用域或作用域的头部(不可在函数内部声明函数,因为会提升)
ES6原则上是允许在函数内声明函数的,但是不同浏览器会有不同的实现方法。
ES6的块级作用域允许声明函数的规则,只在使用{}的情况下成立,没有使用的话就会报错
const命令
const用来声明常量,一旦声明了常量的值就不可改变(const常量一旦声明,需要立即初始化)
其他同let相同(块级作用域、不存在变量提升、暂时性死区、不允许重复声明)
本质:
const实际上保证的并不是变量的值不可改动,而是变量指向的那个内存地址不可改动。对于简单类型的数据(数值、字符串、布尔值)而言,值就保存在变量指向的内存地址中,因此等同于常量。但对于符合类型的数据(主要针对对象和数组)而言,变量指向的内存地址保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不可变的,这完全不能控制。
const foo = {};
// 为foo添加属性可以成功
foo.prop = 123;
foo.prop; // 123
// 将foo指向另一个对象,就会报错
foo = {}; //报错
ES6冻结对象可使用Object.freeze方法
ES6声明变量的六种方法
- var
- function
- let
- const
- import
- class
var 和 function声明的全局变量依旧属于顶层对象(window、global),其他命令声明的全局变量不属于顶层对象的属性。
var a = 1;
// node global.a
// this.a
window.a; // 1
let b = 2;
window.b // undefined