let 命令
let 用于声明变量。用法类似于 var
只在let命令所在的代码块内有效。
{
let a= 10;
var b = 100
}
console.log(a) // ReferenceError: a is not defined
console.log(b) // 100
常见对比例子(var,let)
let 循环计数器
// let 循环计数器
for( let i=0;i<5;i++){
// 依次是 0 1 2 3 4
console.log(i)
}
console.log(i) // i is not defined
因此得出结论: 在let命令中,计数器i只在for循环体内有效,在循环体外引用就会报错。
var 循环计数器
var a =[];
for(var i=0;i<5;i++){
a[i] = function(){
console.log(i)
}
}
a[1]() // 5
a[i]中的i 在全局范围内有效的。因此循环遍历完最后i的值都是5
将上述循环中,将var 改为 let, 变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是1。
for循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。代码如下:
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
// abc
// abc
// abc
变量提升是什么???
顾名思义:var声明的就会出现变量提升现象。就是在声明之前就使用了。 值为 undefined 。var 命令
let 命令的出现纠正了这种现象. 所声明的变量一定要在声明后使用,否则报错。
如下代码块所示:
// var 的情况
console.log(foo); // 输出undefined
var foo = 2;
// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
// var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError
let tmp;
}
ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。
概括下就是 在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”
if (true) {
// TDZ开始
tmp = 'abc'; // ReferenceError
console.log(tmp); // ReferenceError
let tmp; // TDZ结束
console.log(tmp); // undefined
tmp = 123;
console.log(tmp); // 123
}
上面代码中,在let命令声明变量tmp之前,都属于变量tmp的“死区”。
值得关注的是
在没有let之前,typeof运算符是百分之百安全的,永远不会报错。其实也是为了让打击养成良好编程习惯。
暂时性死区本质:只要一进入当前作用域,所要使用得变量就已经存在了。但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。
// 报错
function func() {
let a = 10;
var a = 1;
}
// 报错
function func() {
let a = 10;
let a = 1;
}
因此,不能在函数内部重新声明参数。
function func(arg) {
let arg;
}
func() // 报错
function func(arg) {
{
let arg;
}
}
func() // 不报错
前言: 在es6之前 只有全局作用域和函数作用域,没有块级作用域。
- 内层变量可能会覆盖外层变量
- 循环遍历中用来计数的 i 变量泄露为全局变量。
ES6新增的块级作用域。有以下特点:
function f1() {
let n = 5;
if (true) {
let n = 10;
}
console.log(n); // 5
}
{{{{
{let insane = 'Hello World'}
console.log(insane); // 报错
}}}};
ES6的块级作用域必须是大括号,如果没有大括号,JavaScript引擎就认为不存在块级作用域。
const 声明一个只读的常量。一旦声明,常量的值就不能改变。
const PI = 3.1415;
PI // 3.1415
PI = 3;
// TypeError: Assignment to constant variable.
const 相关知识点
- const一旦声明变量,就必须立即初始化,不能留到以后赋值。
- 对于const来说,只声明不赋值,就会报错。
- const的作用域与let命令相同:只在声明所在的块级作用域内有效。
- const声明的常量,也与let一样不可重复声明。
- const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。
- 对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。
- 但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。
const 需要注意的地方
- 常量foo储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。
const a = [];
a.push('Hello'); // 可执行
a.length = 0; // 可执行
a = ['Dave']; // 报错