ES6学习笔记一(let和const)

206 阅读3分钟

什么是let ES6新增加let命令,用于声明变量。用法和var十分相识,不过let声明的变量只在命令所在代码块内有效果。很多人可能和我一样使用了let不过并没有完全了解他,我们可以看一段代码

{
    let a1=4;
    var a2=5;
}
console.log(a1);//ReferenceError: a in not defind
console.log(a2);//5

let不存在变量提升 如果你留意过,你一定会发现var存在“变量提升”的现象(变量在声明之前使用,值为undefined)。按照我们的正常思维声明只有这个变量才能使用,所以let就纠正了这个现象。我们来看一段代码

console.log(v);//undefined
var v=4;
console.log(l);//ReferenceError: l in not defind
let l=5;

可以发现let声明的变量并没有提升,我们在声明之前输错他报了ReferenceError错误。

let不允许重复声明 let不允许在一个块级作用域内重复声明同一个变量。如果再次声明就会报错。

if(true){
    let test=1;
    var test=2;//报错
}
if(true){
    let test=1;
    let test=2;//报错
}
if(true){
    let test=1;
    if(true){
        let test=2;//不报错
    }
}

我们发现同一个块级作用域中重复声明就会报错,但是如果我们在内部嵌套的块级作用域中再次声明却又是可以的。

let暂时性死区 let声明的变量只绑定在当前这个块级作用域内,不受外部的影响,那么如果块级作用域外声明了变量而在作用域内我们用let再次声明这个变量会出现什么情况呢。

var test="es6";
if(!false){
    test="es5";//ReferenceError: test is not defined
    let test;
}

我们在用var声明了全局变量test,但是我们在块级作用域内用let又声明了一个局部变量test,这样后者就绑定了这个块级作用域,所以我们对test赋值会出现报错。 ES6明确规定,在块级中存在let和const命令,则这个块级对这些命令声明的变量从一开始就形成了封闭作用域。在声明之前调用他们就会报错。

const命令 const声明的变量是一个只读变量,一旦声明,常量的值就不能改变了。所以const声明的变量必须在一开始就初始化不然就会报错,我们来看一段代码

const c=1;
c=2//TypeError: Assignment to constant variable.
const c;//SyntaxError: Missing initializer in const declaration

const和let一样只在声明所在块级作用域有效,变量不会提升,同样存在暂时性死区,只能在声明之后使用,不可以重复声明。

const的本质 const声明的变量并不是值不得改动,而是变量指向的那个内存地址不得改动,对于基本类型的数据,值就保存在变量指向的内存地址中,因此他等同于常量。不过如果是复合类型数据(对象、数组),变量指向的内存地址保存的只是一个指针,const只能保存指针固定,不过指针指向的数据结构是不是改变的,是不能控制的,我们看一段代码。

const obj={a:2};
obj.a=1;//我们可以修改他的属性
obj.b=1;//我们可以添加他的属性
obj={a:1}//不过我们不能修改这个指针 (报错)TypeError: Assignment to constant variable.

总结 let和const作为ES6新增加的指令虽然功能和var很相识,不过和var存在很多不同。