var 是ES5申明变量的方式,ES6新增了let,const来申明变量。
1.1let基本用法
{
let a = 10;
var b = 1;
}
a //ReferenceError: a is not defined
b // 1
上面的代码在代码块中分别用 let 和 var 声明了两个变量。然后在代码块之外调用这两个
变量,结果 let 声明的变量报错, var 声明的变量返回了正确的值。这表明, let 声明的变量只在其所在代码块内有效。
1.2不存在变量提升
var 命令会发生“变量提升”现象, 即变量可以在声明之前使用,值为 undefined。这
种现象多少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用。
为了纠正这种现象, let 命令改变了语法行为,它所声明的变量一定要在声明后使用,否
则便会报错 。
//var 的情况
console .log (foo ); //输出 undefined
var foo = 2 ;
// let 的情况
console.log(bar); //报错 ReferenceError
let bar = 2 ;
在以上代码中,变量 foo 用 var 命令声明会发生变量提升,即脚本开始运行时,变量 foo
便己经存在,但是没有值,所以会输出 undefined。变量 bar 用 let 命令声明则不会发生变
量提升。这表示在声 明它之前,变量 bar 是不存在的,这时如果用到它,就会抛出一个错误 。
1.3暂时性死区
只要块级作用域内存在let命令,它所申明的变量就“绑定”这个区域,不再受外部的影响。
var temp = 123;
if(true){
temp = 'abc'; //ReferenceError
let temp
}
上面代码中存在变量temp,但是块级作用域内let又申明了一个局部变量temp,导致后者绑定这个块级作用域,所以let声明变量前,对temp赋值会报错。
1.4不允许重复声明
let不允许在相同作用域内重复声明同一变量
{ let a = 11;let a = 2}
Identifier 'a' has already been declared
因此不能在函数内部重新声明参数
function (args){
let args //报错
}
function (args){
{
let args //不报错
}
}
2.1const基本用法
const 声明一个只读的常量。一旦声明,常量的值就不能改变。
const PI = 3.1415
const PI =3.14
PI = 3
VM1333:1 Uncaught TypeError: Assignment to constant variable.
at <anonymous>:1:4
const 声明的常量不得改变值。这意味着,const一旦声明常量就必须立即初始化,不能留到以后赋值。
const a;
Uncaught SyntaxError: Missing initializer in const declaration
2.2const 本质
const 实际上保证的并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值〉而言,值就保存在变量指向的内存地址中,因此等同于常量。但对于复合类型的数据(主要是对象和数组)而言,变量指向的内存地址保存的只是一个指针, con st 只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,这完全不能控制 。 因此,将一个对象声明为常量时必须非常小心。
const foo = {};
foo.prop = 123;
foo.prop //123
//将foo指向另一个对象
foo = {};
Assignment to constant variable.