var 相信都很熟悉,我作为一个菜鸟,刚开始学习 JS 的时候就是整天 var,也不知道 let 是何物。
而在这个岗位上, ES6 中还新引入了 const,那么究竟这三个相似的东西有什么区别呢,来详细探究一下。
var
首先看看最熟悉的 var
- 声明变量,不赋值的情况下。
var a ; //undefine
- 声明之后可以重复随意赋值。
var a; a= 1; a= 2;
- 可以把自身赋值给其它对象。
var a= 1; var b= a;
- 一个 var 声明多个变量,逗号隔开。
var a= 1, b= 2, c= 3;
-
作用域为函数作用域。
{ var }
-
会成为全局变量的属性。
var a= 1; window.a; // 1
-
在作用域会被提升,优先执行。
console.log(a); var a= 1; // 1
- ……
以上这些就是 var 的大部分特性,那么下面来看看 let
let
相对于 var ,它有以下主要特点,可以说是强迫症版本
前面几条是相似的,那么重点来了
-
作用域为块级作用域。
if (true) { let j = 1 }; console.log(j); //not define
for 循环中,每一次循坏块就是 let 的作用域,在循环外无法访问定义的 j
var a = []; for (let j = 0; j < 10; j++) { a[j] = function () { console.log(j); } }; a[3](); // 3 a[6](); // 6
这个问题在闭包中可以说很常见了,使用了 let 的话 j 被声明在各自的作用域中不会混淆,最终打印出的是对应的 j ,若使用 var ,所有打印结果都是 10。
-
不会变成全局变量的属性。
-
在作用域内不会被提升。
console.log(a); let a= 1; //not define
-
作用域内不能重复声明已有变量。
let a = 1, a = 2; //been declared
-
暂时性死区。
var a = 1, b = 1 if (true) { console.log(a) //not define console.log(b) //1 let a = 3 console.log(a) //3 }
当 let 作用域内声明某个变量时,该变量形成暂时性死区,无法读取到外部的 var 声明。
……
const
最后说说 const ,其实相对简单,它的特性跟 let 是一样一样的。
它只是 let 引申出的一个专门版本,专门什么?
-
专门储存常量。
既然是常量,那就是不改变的,声明后不可重新赋值,所以声明时也必须初始化,否则都会报错。
const a; //Missing initializer
const a= 1; a= 2; //Assignment to constant variable
不过有这么一种情况(不正当用法)
const obj = {a: 1}
obj = {a: 2} //Assignment to constant variable
obj.a = 2 // obj = {a: 2}
obj.b = 3 // obj = {a: 1, b: 2}
在这种情况下就改变了 const 声明的常量的值,其实很好理解。
直接赋值的话,就是改变 obj 常量的引用,这样是不被允许的。
而改变引用指针的指向,是可以随意改变的。