1.var命令
- var声明的变量,在全局范围内都有效,可以修改;
var a = 1;
function change(){
a = 4;
console.log(a);//可以输出a=4
}
change();
- 声明时,不初始化会输出undefined,不会报错。
var a; //不会报错
console.log(a); //undefined
- 存在变量提升
console.log(foo); // 输出undefined var foo = 2;
2.let命令
-
let的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效;
for (let i = 0; i < 10; i++) {} console.log(i); //ReferenceError: i is not defined
使用let命令声明变量之前,该变量都是不可用的(不存在变量提升);
console.log(bar); // 报错ReferenceError
let bar = 2;
- let不允许在相同作用域内,重复声明同一个变量。
// 报错
function () {
let a = 10;
var a = 1;
}
// 报错
function () {
let a = 10;
let a = 1;
}
3.const命令
- const声明一个只读的常量。一旦声明,常量的值就不能改变。
const PI = 3.1415;
PI // 3.1415
PI = 3; // TypeError: Assignment to constant variable
- const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。
const foo; // SyntaxError: Missing initializer in const declaration
- const的作用域与let命令相同:只在声明所在的块级作用域内有效。
if (true) {
const MAX = 5;
}
MAX // Uncaught ReferenceError: MAX is not defined
- const命令声明的常量,与let一样也不提升,只能在声明的位置后面使用。
if (true) {
console.log(MAX); // ReferenceError
const MAX = 5;
}
上面代码在常量MAX声明之前就调用,结果报错。
- const声明的常量,也与let一样不可重复声明。
var message = "Hello!";
let age = 25;
// 以下两行都会报错
const message = "Goodbye!";
const age = 30;
- 对于复合类型的变量,变量名不指向数据,而是指向数据所在的地址。const命令只是保证变量名指向的地址不变,并不保证该地址的数据不变。
const foo = {};
foo.prop = 123;
foo.prop
// 123
foo = {}; // TypeError: "foo" is read-only
上面代码中,常量foo储存的是一个地址,这个地址指向一个对象。不可变的只是这个地址,即不能把foo指向另一个地址,但对象本身是可变的,所以依然可以为其添加新属性。
分别在什么情况下使用?:
es6里面不建议使用var了,因为var定义的变量没有块级作用域,还会出现变量提升的情况,这样经常会导致你意想不到的错误;而let就不会这样,const是定义那些不可以被重新赋值的变量,let是定义普通的变量。
如有错误,请指正!