var, let, const 用来声明变量
一、let
用法
声明变量和var类似,但是所声明的变量,只在let命令所在的代码块内有效。而var声明的变量在全局或者当前函数作用域有效。
{ let a = 1; var b = 2; } a // ReferenceError: a is not defined.b // 1
存在变量提升
var发生”变量提升“现象,即变量提升到当前作用域的最顶层,值为undefined。
console.log(a); // 输出undefinedvar a = 1;console.log(b); // Uncaught ReferenceError: b is not definedlet b = 2;
暂时性死区
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
var tmp = 123;if (true) { typeof tmp; // ReferenceError tmp = 'abc'; // Uncaught ReferenceError: tmp is not defined let tmp; }
暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。
不允许重复声明
// 报错function func() { let a = 10; var a = 1; }// 报错function func() { let a = 10; let a = 1; }
块级作用域
ES5 只有全局作用域和函数作用域,没有块级作用域
无块级作用域的不合理之处
第一种场景,内层变量可能会覆盖外层变量。
var tmp = new Date();function f() { console.log(tmp); if (false) { var tmp = 'hello world'; } } f(); // undefined
第二种场景,内层变量可能会覆盖外层变量。
var s = 'hello';for (var i = 0; i < s.length; i++) { console.log(s[i]); }console.log(i); // 5
if
代码块的外部使用外层的tmp
变量,内部使用内层的tmp
变量。但是,函数f
执行后,输出结果为undefined
,原因在于变量提升,导致内层的tmp
变量覆盖了外层的tmp变量。
ES6 的块级作用域
function f1() { let n = 5; if (true) { let n = 10; } console.log(n); // 5}
块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了。
// IIFE 写法(function () { var tmp = ...; ... }());// 块级作用域写法{ let tmp = ...; ... }
const
基本用法
const声明一个只读的常量。一旦声明,常量的值就不能改变;
const PI = 3.1415; PI // 3.1415PI = 3;// TypeError: Assignment to constant variable.
本质
const
实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。
块级作用域与函数声明(略)
作者:EdmundChen
链接:https://www.jianshu.com/p/58b858d2fc31